This is a solution to the Interactive Pricing 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 site depending on their device's screen size
- See hover states for all interactive elements on the page
- Use the slider and toggle to see prices for different page view numbers
Live Site URL: (https://interactive-pricing-component-beige-three.vercel.app/)
- React
- TypeScript
- Styled-components
- Flexbox
- Accessibility insights for Web, a chrome extension
I borrowed inspirations from @gracesnow and @AlexKMarshall on how to make the site more accessible and write clean codes.
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.