noszczykmichal / minimalistic-storefront__ext__endpoint

A mock-up page of an imaginary online shop fetching data from the GraphQL endpoint.

Minimalistic-storefront

A mock-up page of an imaginary online shop, fetching data from the GraphQL endpoint.
You can check live demo here.

Table of Contents

• General Info
• Technologies Used
• Features
• Setup
• Acknowledgements
• Contact

General Information

• As the name suggests, it is an imaginary online shop, fetching data from the GraphQL endpoint.
• It consists of three main pages:
  • PLP (product listing page)
  • PDP (product description page)
  • Cart page
• More info on the project and screenshots can be found in Features.

Technologies Used

• React
• React-Router
• PropTypes
• Apollo Client
• React Transition Group
• Redux
• Redux-Persist
• Interweave
• ESLint
• Prettier

Features

• Browse our store to choose from vast variety of products - whether you into tech or clothes you can be sure to find something that catches your eye.
• Easily switch between range of accepted currencies.
• Check what's in your cart at one click.
• Visit a product page to learn more about product and configure it to your needs.
• Proceed to the cart to see summary of your current buy.

Setup

To run this project locally:

#Clone this repository
$git clone https://github.com/noszczykmichal/minimalistic-storefront__ext__endpoint
#Go into the repository
$cd minimalistic-storefront
#Install dependencies
$npm install
#Run the app
$npm start

Please note that this project uses GraphQL endpoint that is NOT part of this repo, yet it has to run locally in order for the project to work correctly.

Code of the endpoint and how to run it locally can be found here.

Acknowledgements

• Design and endpoint by Scandiweb. The repo of the endpoint can be found here.

Contact

Created by @noszczykmichal - feel free to contact me!