This is a simple e-commerce website based on a Figma design and a graphhQL API, built with React & Redux. The user can navigate through the different categories and products, add/remove items from the cart, and see the prices for different currencies.
You can check it out here.
- React
- Redux
- React-Router
- Apollo Client
To get a local copy up and running follow these simple example steps.
- npm
- code editor such as Visual Studio Code
-
Open your terminal and navigate to the directory where you want the project to be
-
Clone the repo
git clone https://github.com/dodoburner/ecommerce-site.git
-
Navigate to the project directory
cd ecommerce-site
-
Install NPM packages
npm install
-
Start your server
npm start
To view and edit the code open the project folder in Visual Studio Code
- The app is connected to a graphql backend server for all app data
- The app has categories, products and cart pages handled by React-Router
- The user can add items to the cart from the category or product pages
- The user can edit the number of items in the cart from the minicart or cart page
- The user can navigate the product gallery in the product or cart pages
- Out of Stock items can't be added to cart
- Users data (cart items, currency) is saved by using LocalStorage
- GitHub: @dodoburner
- LinkedIn: LinkedIn