hana16-6 / scadiweb-shopping-app-graphql

Getting Started Scandiweb Task 🌠

Overview 👀

This task will put you face-to-face to some common tasks in the world of React development and possibly will get you acknowledged with a bit of new technologies.

You Are Expected To Fetch Data From The Graphql Endpoint And To Provide An Interface To View And Interact With This Data. You Can Find The Endpoint here, Along With Instructions On How To Launch It.

The Solution Should Be Implemented As Per Design, Which Is Available At This link.

For Live Demo:

Quick Start 🚀

Download The Files Or Clone It With Git Version Control

git clone https://github.com/hana16-6/scadiweb-shopping-app-graphQl.git

Install Dependencies && start project

npm install && npm start

Open http://localhost:3000 to view it in your browser.

Pages 📃

• Home page
• PLP - product listing page, a.k.a. category page
• PDP - product description page, a.k.a. product page
• Cart & Cart overlay (Mini Cart)

Features 💬

• No UI libraries (e.g. Tailwind, Material UI, Ant Design).
• Build Using Class Base Component.
• Create-react-app To Scaffold The Application.
• Using localStorage To Save currency.
• Use Redux Store.
• Empower With JSS styled component.
• Use Graphql As Api End Point.

Used Tools 🧰

• Create React App
• React.js
• React-Router-Dom
• React-Redux
• Apollo Graphql
• Graphql

Resources 📚

• React Developer test - FAQ/frequently asked questions
• Entry React developer TEST
• Junior-Frontend-Test-Designs