Skip to content

Latest commit

 

History

History
87 lines (58 loc) · 4.42 KB

README.md

File metadata and controls

87 lines (58 loc) · 4.42 KB

Quddad Retail Page (Uniqlo clone)

About

An e-commerce product detail page. Implemented front end that looks like uniqlo webpage. Connected to Atelier API.

Demo

ProductOverview-Demo

Tech Stack

Client: JavaScript React HTML5 CSS3

Server: NodeJS Express.js

Dev Environment:    Webpack Babel

Getting Started

Run npm install to get dependencies.

Run the development server with npm run client-dev, and open browse to http://localhost:3000 to see the rendered app!

Contributing Changes

Make sure to create a Config file in the root directory! It will need to have your GitHub API key added. E.g. API: "<your key here>". Import this into your component for use with axios :)

CSS files should go in client/dist, and all the front-end javascript edits should be made in client/src.

Running and Creating Tests

We are using jest and the React testing library. You can contribute tests by placing <your test name>.test.js inside client/src/components/tests.

Run tests using npm test

Some links for the testing technology:

Running the Linter

The AirBnB style guide has been installed. You can run the linter against the whole project by running npm run lint (this will lint everyone's work, and may generate more output than you can action).

You can also lint an individual file using npx eslint --ext .jsx client/src/<path to your file>

Contributers

Product Overview: Goksu Okar
Linkedin: LinkedIn GitHub

Questions and Answers: James Emerson
Linkedin: LinkedIn GitHub

Ratings and Reviews: James Stollhammer
Linkedin: LinkedIn GitHub

Related Products: Nicolas Tiennguyen
Linkedin: LinkedIn GitHub