https://github.com/osinakayah/react_js_e_commerce
https://github.com/osinakayah/react_js_e_commerce
Last synced: 5 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/osinakayah/react_js_e_commerce
- Owner: osinakayah
- Created: 2019-07-17T13:24:51.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T04:40:10.000Z (over 2 years ago)
- Last Synced: 2023-03-03T08:54:52.248Z (about 2 years ago)
- Language: JavaScript
- Size: 3.41 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Smiley Ecommerce Store.
This is an ecommerce site, where you can buy all sorts of ascii faces like `(ノ・∀・)ノ` and `¯_(ツ)_/¯`, in a wide variety of font sizes. The homepage should display a list of products for people to browse.
### Completed Features
----
- products are displayed in a grid.
- give the user an option to sort the products in ascending order. Can sort by "size", "price" or "id". The products list should be reloaded when a new sorting option is chosen.
- each product has :
- a "size" field, which is the font-size (in pixels). We should display the faces in their correct size, to give customers a realistic impression of what they're buying.
- a "price" field, in cents. This should be formatted as dollars like `$3.51`.
- a "date" field, which is the date the product was added to the catalog. Dates should be displayed in relative time (eg. "3 days ago") unless they are older than 1 week, in which case the full date should be displayed.
- the product grid should automatically load more items as you scroll down.
- display an animated "loading..." message while the user waits for the data to load.
- to improve the user's experience, we should always pre-emptively fetch the next batch of results in advance, making use of idle-time. But they still should not be displayed until the user has scrolled to the bottom of the product grid.
- when the user reaches the end and there are no more products to display, show the message "~ end of catalogue ~".
### Installation
----
- Clone the repository
- Install Dependencies using ``yarn install``
- Run ``yarn start`` to start the server
- Visit this url http://localhost:3000 in your browser