Develop an Online Mobile Store using React. Application should display the list of mobiles. User should be able to search mobiles, view details of the product, add the product to the cart and place order. Following are the key functional aspects:
- Show the list of products
- This list of products should be fetched from local json server via an api call (refer to https://www.npmjs.com/package/json-server)
- Filter the list, based on search
- Sort the list of products on the basis of price (High to Low, Low to High)
- View details of the product item
- Add item to the cart from the list as well as from the product details screen
- Cart management (Change the quantity, if item already in the cart increase or decrease the quantity, also item can be removed from cart
- If user is not logged in show the login button in the header
- Place the order
- User should be able to view the application without login but when he/she wants to place the order then user must be logged in.
- Show the popup when order placed successfully with random order id
- Logout should appear in dropdown when clicked on username (when logged in)
- Unit Testing should be done of at least 2 components
username : admin password : nimda
Deployed the data on Online JSON server : (https://my-json-server.typicode.com/Ashish7129/online-mobile-store/products)
I have deployed my application on the surge. Mobile Adda : (https://mobile-adda.surge.sh)
.png)
.png)
.png)
.png)
.png)