dodoburner / ecommerce-site

This is a simple ecommerce website built with React.

About The Project

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.

(back to top)

Built With

• React
• Redux
• React-Router
• Apollo Client

(back to top)

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

• npm
• code editor such as Visual Studio Code

Installation

1. Open your terminal and navigate to the directory where you want the project to be

2. Clone the repo

    git clone https://github.com/dodoburner/ecommerce-site.git

3. Navigate to the project directory

    cd ecommerce-site

4. Install NPM packages

    npm install

5. Start your server

    npm start

To view and edit the code open the project folder in Visual Studio Code

(back to top)

Features

• 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

(back to top)

Contact

• GitHub: @dodoburner
• LinkedIn: LinkedIn

(back to top)

Acknowledgments

• Thank you to Scandiweb for providing me with the API and Figma for this project

(back to top)