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.
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
-
Solution URL: [Github Repo](https://github.com/KatherineEbel/ke-fem-calculator-app
-
Live Site URL: [Vercel App](https://ke-fem-calculator-app.vercel.app/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- Typescript
- Jest
- Testing-Library
- next-themes - Multiple themes made easy
- Next.js - React framework
- tailwindcss - For styles
- Frontend Mentor - @KatherineEbel
- Twitter - @Kathy_Ebel