Skip to content

rio14/little-tags-Ritesh-Client

 
 

Repository files navigation

Little Tags - An Online Clothing Store

Dev url ===> https://serene-davinci-7c0c9c.netlify.app/

Pesto Tech is proudly launching its own Online Clothing Store named Little Tags. You have been awarded with the project and you need to design and develop this project which should meet the requirements mentioned in the MVP below.

MVP Requirement

  1. Show Login/Signup popup to user when he/she lands on the site for first time.
  2. User should be able to Login / Signup from the header button.
  3. User should be able to Login/Signup through Google/Facebook or with their mobile numbers
  4. User should be able to search items on the site using Search bar.
  5. User should be able to browse items by categories mentioned on Home Page.
  6. User should be able to see detailed description of an item by clicking on it. (refer design)
  7. User should be able to select Size, Quantity and other parameter(if any) before adding item to the cart. User should be able to add and remove items in the cart.
  8. Only logged in user should be able to add items to the cart.
  9. Only logged in user should be able to place order.
  10. User should be able to access item categories from Hamburger menu (refer design).
  11. Website should be mobile responsive. user should be able to browse/purchase items on their mobile browser.
  12. User should be able to see their order history.
  13. User should be able to set their default shipping address.
  14. User should be able to change the language. (Any other language apart from English would do)

Note: Please deploy your application to Netlify(no other platforms allowed at this point) and Add your Application link to website section in About field

Bonus Requirement

  1. Integrate Razorpay/Stripe Payment (sandbox environment)
  2. User should be able to set default payment method
  3. User should be able to add items to wishlist
  4. Write Test cases for your components

UI Design mocks

UI design mocks are available in design-mocks folder

Adobe XD design link

Zeplin web link

API

Use https://fakestoreapi.com/products to fetch products.

Allowed Tech stack(Language/Library)

  • HTML, CSS, JavaScript
  • Bootstrap
  • ReactJS
  • SCSS
  • DOM Testing Library
  • Jest and React Testing Library
  • React Router

NOTE: React Component libraries like Material UI, Antd, Chakra UI are not allowed

About

little-tags-rio14 created by GitHub Classroom

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.5%
  • Other 1.5%