scandiweb-test-minimal-store

An application created for the purposes of recruitment for scandiweb

SCANDIWEB STORE

• This is a scandiweb assessment test. This project is an e-commerce web app that allows users shop for some of their favorite items.
• The project was made in class components in accordance with the scandiweb guidelines. All the designed functions comply with the guidelines. The project is executed from psd.

BUILT WITH

• HTML
• CSS
• JAVASCRIPT
• REACT
• REDUX
• APOLLO
• GRAPHQL

FEATURES

• This app consists of 4 pages and are as follows

• PRODUCT LIST PAGE (PLP)

• PRODUCT DESCRIPTION PAGE (PDP)

• CART PAGE AND MINI CART

• NON PAGE FOUND (404)

• Users can add/remove products and change their amounts in cart - on the cart page itself, PLP and PDP should be provided.

• For products that have various options (attributes) - the options should be selected.

• The selected options of added to cart products is visible in cart overlay and in cart page

• Users can filter products by category name for all of the categories from BE

• Users can change the currency of the store to one of the available currencies

Running this project locally

1. To run front-end locally, please follow these instructions:

• Clone this repo git clone https://github.com/effectiveone/scandiweb-test-minimal-store.git
• Change directory into cloned folder cd scandiweb-test-minimal-store
• Install project dependencies yarn
• Run Project yarn start
• The project will start up in your localhost server.

2. To fetch date from graphql server:

• Change directory into graphql-endpoint cd graphql-endpoint
  • Install project dependencies yarn
• Run Project yarn start

3. Project run locally only if both servers are running.

Authors

👤 AKonrad Gruca

• Linkedin: Konrad Gruca

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!