furkangulluu/market-shop

Welcome to the Market Shop

Used Packages and Technologies

For React

• Create React App,
  
• Typescript
• Redux - Side Technologies
• Redux Saga - Redux side effect manager
• Redux Toolkit

For CSS

• styled-components - Styling react components
• antd - Ready to use react components

For API

• Json Server (for api)
  

Links

Live - https://market-shop-getir.herokuapp.com/
Json Server Live - https://market-api-getir.herokuapp.com/
Server repo - https://github.com/furkangulluu/market-api

What functionalities does project have?

• Product listing (from api),
• Add to cart,
• Change the cart detail (Delete, change count of products),
• Filtering products by brands, tags and types,
• Sorting by price and date,
• Pagination,
• Responsive design.

Project Layout Design

Project Folders

.
├── asset
│   ├── images          
├── components          
│   ├── Cards          
│   ├── Footer        
│   ├── Header        
│   |── LeftSide   
│       ├── Brands      
│       ├── Sorting      
│       ├── Tags      
│       ├── MobileFilterItem   
│   ├── Loading          
│   ├── MainContainer         
│   |── Pagination
│   ├── ProductList     
│       ├── ProductCard          
│   ├── RightSide       
│       ├── Basket        
│   ├── TypeList         
├── hooks                   
├── models
│   ├── filter-models 
├── hooks
├── redux
│   ├── actions          
│   ├── api         
│   |── sagas      
│   ├── slices         
├── resources

Build Setup

firstful you should go to the cloned folder with terminal use this;

cd/market-shop

then you should download all packages

npm install

after you should run project use this

npm run start

The other things you can do

Compiles and minifies for production

npm run build

Run your unit tests

npm run test

---

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.