This project was developed as part of the DareIT Mentorship Programme. The main objective is to learn JS React Library by creating a Single Page Application for an Online Shop. The user can navigate between SPA's subpages, fill the contact form and add products to the cart.
See the project live at Link
- The 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.
- Local Storage
- Filter Options & Categories
- Mobile
- Discount coupons
- Send Email after purchase
- Fix Bugs (Product repetition in popular, )
- Single Product Page ✅
- Search Product ✅, Sort ✅
- ESLint ✅
- Home page ✅
Main page with Slider and products.
Gallery of the products with the necessary info: name, description, stock, price, add to cart option
Subpage with the message form, Google Maps location & general contact info.
Subpage for products added to cart by the user.
- React Router - navigating between subpages - see more - Link
- Styled Components - CSS styling inside each component - see more - Link
- MUI for React - Icons and other UI elements - see more - Link
- ESLint - Find and Fix Problems - see more - Link
- Pictures - free stock from Unsplash
- React Main Page - Documentation, tutorials;
- Ecommerce React App Tutorial YT - learn to use styled-components, page creation process;
- React Hooks - from React Docs, changing state in functional components;
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.