This is a solution to the Calculator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Note: Delete this note and update the table of contents based on what sections you keep.
Users should be able to:
- See the size of the elements adjust based on their device's screen size
- Perform mathmatical operations like addition, subtraction, multiplication, and division
- Adjust the color theme based on their preference
- Bonus: Have their initial theme preference checked using
prefers-color-scheme
and have any additional changes saved in the browser
- Live Site URL: https://frontendmaster-calculator.netlify.app/
- Flexbox
- CSS Grid
- Mobile-first workflow
- React - JS library
- https://www.sitepoint.com/react-tutorial-build-calculator-app/ - This helped me with creating the calculator functionality.
- https://webcodespace.com/how-to-create-a-three-state-toggle-switch-using-html-css-and-javascript/
- Website - Samantha Whelpley
- Frontend Mentor - @sjwhelpley
- Twitter - @samc0des