Project Title

CartCraft E-commerce Website

Table of Content:

• About The App
• Resources
• Technologies
• Folder Structure
• Getting Started
• Launching GraphQL Endpoint

About The App

This is a sample application that demonstrates an E-commerce website using React(class components) and GraphQL. The application fetches data from a GraphQL endpoint and displays them. Users can select to display products in a single category or all categories. Users can click on any product to get more information including pricing, available colors and sizes. Users can select various attributes of a particular product to suit their taste. Users can select items and add them to their shopping cart. Users can select a currency in which the product should be priced.

Resources:

Designs Figma

Technologies

react, graphql, react-router , apollo client, redux toolkit

Folder Structure:

• public
• src
  • assets
    • images
    • svgs
  • components
    • cart
    • commons
    • header
  • config
  • graphql
  • hocs
  • pages
  • store

Getting Started

• download or clone the repository via git clone https://github.com/Samowusu/e-commerce.git
• run npm install to install dependencies (node version 17.9.0)
• run npm start to start the application
• launch the graphql endpoint.

Launching GraphQL Endpoint

• run yarn to install dependencies
• run yarn build to build the project
• run yarn start to start the project