A simple calculator webApp with theme switcher
- This project has been updated to use TypeScript
- This project has been updated to use LESS Preprocessor
This is a solution to the Calculator app challenge on Frontend Mentor.
- Solution URL: https://github.com/LiyanNguyen/calculator-app
- Live Site URL: https://liyannguyen.github.io/calculator-app
- Design the Mobile viewport WHILE desinging the Desktop Viewport at the same time
- Design the flex/grid system, making sure to have both Desktop and Mobile Viewport layout correct
- Add in all the other HTML content
- Finished up all the CSS designs
- Add in the JavaScript logic
- Upgrage to TypeScript
- Semantic HTML5 markup
- CSS custom properties
- TypeScript
- Flexbox
- Mobile-first workflow
- Reviewed TypeScript
- Theme Switcher using classes on the root file of the CSS
- Probably better to specify the widht and height of the small UI elements first rather than the big ones
- The containers of UI element should just be paddings - their width and height is defined by the smaller elements inside as flex items
- Website - Liyan Anajao
- Frontend Mentor - @LiyanNguyen
- Twitter - @LiyanAnajao
JavaScript Minifier: https://www.toptal.com/developers/javascript-minifier