✨ 1. Tribute Page (Click to see live version)

Features:

• Responsive design
• Timeline

✨ 2. Survey Form (Click to see live version)

Features:

• Responsive design
• Custom Form Validation
• Animated checkboxes
• Simulated server response with success message

✨ 3. Product Landing Page (Click to see live version)

Features:

• Responsive design
• Sidebar for mobile view
• Custom Form Validation
• live email server for the contact form

✨ 4. Avion School Page (Click to see live version)

Features:

• Responsive design
• Sidebar for mobile view
• Multi-step form support (recreated typeform from scratch)
• Custom form validation
• Animated checkboxes
• Onscroll animations
• Onswipe support (able to open sidebar just by swipe)
• Live email server for the contact form (recycled from product landing page)

✨ 5. Calculator (Click to see live version)

Features:

• consecutive calculations
• assets are minified using gulp
• added Jest test using jsdom to automate user clicks/calculations
• supports operations for whole and decimal numbers
• supports positine/negative integers
• supports square, cube and factorial of a number
• supports fractions, square and cube roots and exponents

✨ 6. Pig Game (Click to see live version)

Features:

• use of ES6 Classes and weakmaps for private variables
• supports dark/light theme
• supports dynamic player names
• supports localization (10 languages)
• supports user defined target score (original game's default is 100)
• added background music and sprites

✨ 7. Bank App (Click to see live version)

Features:

• use of ES6 Classes
• passwords encrypted (not recommended doing on frontend)
• supports deposit, withdraw, sending money
• supports access to transaction histories
• supports avatar change
• supports change password
• supports downloading bank statements

✨ 8. Budget Calculator (Click to see live version)

Features:

• Best on desktop and ipad
• Uses Object Oriented Programming style
• Uses localstorage for data persistence

✨ 9. Recipe App (Click to see live version)

Features:

• Best on desktop and ipad
• Uses webpack to package the application
• Uses Object Oriented Programming style
• Uses localstorage for data persistence
• Able to clear the shopping list with a click of a button
• Able to see num of liked recipes using a badge icon
• Able to see suggestions on text input

✨ Mini Project - SayHello App (Click to see live version)

Features:

• Best on desktop and ipad
• Responsive voice enabled, litterally says hello!
• Pre-selected names to choose from
• Able to enter custom name

✨ Mini Project - TicTacToe App (Click to see live version)

Features:

• Best on desktop and ipad
• Highlights the winning line
• Follows the usual TicTacToe rules
• Uses Object Oriented Programming style

✨ Mini Project - Todo-List App (Click to see live version)

Features:

• Best on desktop and ipad
• Uses Object Oriented Programming style
• Uses localstorage for data persistence

Author: Kevin Roi R. Basina