Hepsiburada React Challenge

View Demo on Netlify • Backend on Heroku • Backend Circle CI

About The Project

• Searching when at least two characters are entered according to the product name.
• Product listing by filters and sorting, active status update in sort components.
• Show the number of items in the cart in the cart badge. Sort the products in the cart by the date they were added. Modal appears when you want to delete the product.
• Pagination.
• Writing the Backend API with NodeJS.
• Generate Mock Data
• Product data is kept in memory
• Basket data kept in local storage
• Docker Container.
• %70 Test Coverage

Built With

Client

• ReactJS
• Redux Toolkit
• CSS Module
• Jest
• Testing Library

Backend

• Express
• Redis
• Chai
• Mocha
• Sucrase

Deployment

• Netlify
• Heroku
• Upstash

Backend Circle CI repo

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

• npm

  npm install npm@latest -g

• docker

• redis

  docker pull redis
  

Installation

1. Clone the repo

   git clone https://github.com/patika-hepsiburada-react-bootcamp/hepsiburada-bitirme-projesi-elifnurkarakoc.git
   cd hepsiburada-bitirme-projesi-elifnurkarakoc

2. Install NPM packages in first terminal for backend project

   cd backend
   npm install

3. Create .env file and write your redis connection information

   REDIS_PORT=6379
   REDIS_HOST=redis

4. Run command

   npm start

5. Install NPM packages in second terminal for client project

   cd client
   npm install

6. Create .env file and write

   REACT_APP_BASE_ENDPOINT=http://localhost:5000

7. Run command

   npm start

(back to top)

Use with Docker

1. Clone the repo

   git clone https://github.com/patika-hepsiburada-react-bootcamp/hepsiburada-bitirme-projesi-elifnurkarakoc.git
   cd hepsiburada-bitirme-projesi-elifnurkarakoc

2. Build containers

   docker-compose up --build

Contact

Elif Nur Karakoç - [email protected]

Project Link: https://github.com/patika-hepsiburada-react-bootcamp/hepsiburada-bitirme-projesi-elifnurkarakoc

(back to top)