Skip to content

ghmasood/Digikala-Checkout-Discovery

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Digikala simple flow

This project was created according to Digikala Company interview task.
I used Redux for global state managment and RTK query for api's. According to rules of task, i don't use any UI material, CSS library or any other package. And i persist data of cart with ReduxPrsist.
You can improve it by adding style and other things! and for use this project you can use npm start script in terminal.

Features:

  • Load list of products in home page with paginataion
  • Load detail of product in product page
  • Add product to cart from home page & detail page
  • Show products in cart with quantity
  • add more and minus product from cart in cart page
  • Search bar in home page for searching product
  • Skeleton loading and optimaizing for show mock picture until fully loaded

TODO:

  • Show total price cart in cartPage and route to checkout

Used packages:

  • React
  • TypeScript
  • Redux Toolkit Query
  • SCSS

Additonl thing:

  • Design: I'm using this project from Figma Community
  • Server: I'm using Dummy Json for fetching data

Snapshots:

Screenshot 2023-05-08 at 13 14 18

Screenshot 2023-05-08 at 13 14 38

Screenshot 2023-05-08 at 13 14 49

Releases

No releases published

Packages

No packages published