This is a solution to the Tip calculator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Calculate the correct tip and total cost of the bill per person
- Solution URL: GitHub Repo
- Live Site URL: Vercel Deployment
- React - JS library
- Redux Toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
I wanted some practice in writing tests
- fonts - This helped me to import fonts in react app.
- svg in input - This is an amazing article which helped me to place icons like ::before. But i didn't do it <3
- hide buttons - This topic helped me to hide arrows in inputs
- input responsive - This topic helped me to make my inputs responsive
- tests with redux this article helped me with tests
- Website - smth about me
- Frontend Mentor - @LikeKugi
I've just completed a front-end coding challenge from @frontendmentor! 🎉
You can see my solution here: https://www.frontendmentor.io/solutions/react-redux-vite-N_t6ZnbFlV
Any suggestions on how I can improve are welcome!