soumikpaul16 / shopping-cart

shopping-cart

General Descriptions:

• Atomic Design is used for creating the components.

    --components
        --atoms
        --molecules
        --organisms
        --pages

• For Styling Scss is used. All the components are customized, no external library is used to make any components or functionality.
• For common functions and custom hooks. Please refer utils folder.
• For State Management Apollo Client with GraphQL is used. Also it consumes rest APIs not GraphQL Queries from backend.
• The codebase is also equipped with locale support. (for the same react-intl is been used.)
• Here you can also see a basic setup of eslint which restricts the whole codebase with a single structure and rules to be followed.

Tech Stack:

• React
• Apollo Client
• SCSS

Getting Started

Clone this repo and run following commands:

get every dependencies in your system: npm install
start the server: npm run start
build the public folder for hosting: npm run build

Live Demo:

• latest feature branch: https://shopping-cart-feature.netlify.app/
• latest Master Branch: https://shopping-cart-master.netlify.app/