Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
OsamaAsim6876872/README.md
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
51 lines (37 sloc)
1.52 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
## Apple Reseller | |
<p align="center"> | |
<img src="https://img.shields.io/badge/React-16.6.3-blue.svg"> | |
<img src="https://img.shields.io/badge/Redux-4.0.1-blue.svg?colorB=764abc"> | |
<img src="https://img.shields.io/badge/Nodejs-10.12.0-blue.svg?colorB=90c53f"> | |
<img src="https://img.shields.io/badge/Express-4.16.4-blue.svg?colorB=47535e"> | |
<br/> | |
</p> | |
## [Live Demo](https://osamaasim6876872.herokuapp.com/) | |
Apps deployed on heroku sleeps after an hour of inactivity. Give it some to wake, if it is loading slowly. | |
## Overview | |
A website for an Apple reseller. The site only sells mac computers. The prices shown are discounted prices based on RRP. Customers can look Products specs, image, price. Customers can sort the products according to price. Customers can add the products to the cart where they can customise it further. Finally a subtotal is given, based on quantity and options, before checkout. | |
#### Using | |
- React | |
* Redux - for application state management | |
- Nodejs | |
* Express CORS Middleware | |
* Nodemon - for watching for server changes | |
- Axios - for promise HTTP requests | |
- Native local storage API - for product persistence in floating cart | |
- CSS | |
## Getting started | |
#### Requirements | |
- Node.js | |
- NPM | |
### Package installation | |
Execute the following command on your terminal to install all the needed packages: | |
``` bash | |
npm install | |
``` | |
### Start the React App | |
just execute the following command and thats it! :D | |
``` bash | |
npm start | |
``` | |
The application will start automatically in your browser on `http://localhost:3000` | |
<br/> | |