Reeco

Reeco website homepage built using React, Redux. Chakra UI and Styled components used for the CSS. Contains functionality like add new item, update status, price, quantity, etc..

Table of Contents

1. Installation
2. Frontend
3. Technologies Used
4. Deployed Link
5. Screenshots

---

Installation

To set up the Reeco app locally, follow these steps:

1. Clone this repository to your local machine using the following command:

    git clone https://github.com/abhimistry-07/Reeco

2. Navigate to the project directory:

   cd reeco

3. Install the required dependencies by running:

   npm install

4. Start the application:

   npm start

5. Access the platform by visiting http://localhost:3000 in your web browser.

Frontend

The frontend of this project is built using React and redux, a popular JavaScript library for building user interfaces. It includes features like add new item, update status, update price, and update quantity. Used styled components and Chakra UI for creating a visually appealing user interface.

Data Source

The frontend uses the mock API to fetch data. I created json mock data and deployed it on render.

---

Technologies Used

Frontend

• React
• Redux
• Styled Components and Chakra UI (for CSS)

---

Deployed Link

Frontend: https://reeco-bice.vercel.app/ Backend: https://reeco-qe00.onrender.com/

---

Screenshots

1. Home Page:

2. Update Status:

3. Update price and quantity:

4. After Update:

---