This is a solution to the Expenses chart component 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: https://github.com/jswebschmiede/fem-expenses-chart-component
- Live Site URL: https://fem-expenses-chart-component-beryl.vercel.app/
- Semantic HTML5 markup
- Mobile-first workflow
- Tailwind
- React - JS library
- Typescript - Typesave JS
- react-chartjs-2 - React components for Chart.js, the most popular charting library
- Vite - Best Tool to start your React Apps
- Website - Jörg Schöneburg
- Frontend Mentor - @jswebschmiede
- Github - jswebschmiede