This is a simple E-Commerce site made with React and TailwindCSS. Your job is to fix 8 issues:
- Sort Products by Price and Release Date
- Cart Persistence on Refresh
- Add Product Filters Functionality
- Product Fetch is Causing Infinite Loop
- Need to display 'Empty Cart' When Cart is Empty on Cart Page
- Update Cart in Nav with Cart Size
- Cart not closing when User Clicks Gray Region
- Subtotal Is not Implemented on Cart Page
You will practice and gain experience with:
- Styling webapps with TailwindCSS
- Using React Hooks (useState, useEffect)
- Manipulating, aggregating, sorting, and displaying data
- Working with Tables in React
- Implementing a Shopping Cart
- Working with Local Storage
- Currency Formatting
- Pulling Data from APIs
- Fork this repo and clone it locally.
- Install the dependencies by running
npm i - Run the app locally by running
npm run dev:frontendto start the frontend, andnpm run dev:backendto start the backend. - Visit http://localhost:3000 to see the site.
- Fix all the issues (hints are provided as TODO comments in the code)
- Once all your solutions are complete, create a single Pull Request to this repository
- Check if your solutions passes our automated tests.
The best way to ask for help is to ask our Discord community.
Click here to join the Jobsimulator.dev Discord.
Browse our list of challenges and join our Discord to get notified when new challenges are released.