About The Project - Live Demo
A simple e-commerce website. App has a cart to add/remove items, it shows the total price and sends user to checkout. It also includes admin-only features like adding and removing products. Loading of products made with GraphQL, data storage using Heroku and Hasura. Routes implemented with React router, including seamlessly moving between pages. Styling made with Sass with the use of Material UI elements. Website design made in Figma.
- Add and remove products from the cart
- Filter products by choosing different tabs
- Responsive design
- Remove products from website
- All product overview list with options to delete and edit
- Create product using form
- Main technology - React, state managed with hooks
- Styling made using Sass
- Queries and mutations made with GraphQL
- Data stored using Heroku and Hasura
- Authentication and product images stored in Firebase
- Used Material-UI components
- Routing made with React-Router
- Design in Figma
This project was bootstrapped with Create React App.
To get a local copy up and runningTo get a local copy up and running, 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.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.