Champion store project is created for educational purposes and offers a simulated e-commerce platform focusing on headphones, earbuds and speakers. The frontend is built using React and is hosted on Vercel. For the backend, a JSON server is used, hosted on Render.
Note: The backend server on Render has a spinning down feature. If the server doesn't receive any requests for 15 minutes, it temporarily slows down to save resources. This may cause a brief delay when the server restarts upon receiving new requests.
- Product Listing, Filtergiting, and Sorting
- Detailed Product Pages
- Shopping Cart with Customization
- Search Functionality
- Ability to Add/Remove Items to/from Favorites
- Fully Responsive Website
- ReactJS, Functional Components, Hooks
- Redux Toolkit, Redux-thunk for State Management
- Material UI for Styling
- Swiper for Carousels
- Axios for HTTP Requests
- Animation with Animate.css
Home Page
Product Listing
Product Details
Shopping Cart
Favourites
Error Page
- Clone repository
- Install dependencies:
npm install - Start:
npm start