GROUP-5 Project

Babu Enteprises -- react-cart

Members

1. Abdishakur Aden
2. Allan Too
3. Bravin Nyangusei
4. Elvis Moses
5. Lennis Maina
6. Wol Dut Wol

dummyjson.com/products

An online store that shows items by name and price.

Core features

search, add to cart, delete from cart

Pages

home, login/signup, checkout

User story

1. As a user, you’re able to see images, descriptions and prices of items you want to buy.
2. As a user, you’re able to search items by category.
3. As a user, you’re able to add items to your cart.
4. As a user, you’re able to delete items from your cart.
5. As a user, you’re able to sort items by category and price.

Challenges

1. API limits, ie you may not be able to see all products on sale
2. Data inaccuracies, eg, wrong pricing, wrong sizes of items, images may not match the product
3. Cross browser compatibility issues, different browsers interpret HTML, CSS & JavaScript differently hence different results
4. Dependency issues, that is some dependencies are no longer maintained by create-react-app. This can cause the application to crash at any time.

To run the application on your local machine,

1. Fork and clone the repo.
2. Navigate to the directory of this app on your local machine.
3. Enter “Code .” on the terminal to open up the app.
4. Install node modules — “npm install”.
5. Install react-router-dom — “npm install react-router-dom@6”.
6. Install Tailwindcss — “1. npm install -D tailwindcss. 2. npm install -D tailwindcss postcss autoprefixer 3. npx tailwindcss init”
7. Install react-toastify — “npm i react-toastify”.
8. Then “npm start” to the application.