https://github.com/rk28284/reeco

This project is an assignment for CAW Studios, showcasing a web application developed using React, Redux Toolkit, Node.js, Chakra UI, and Styled Components. The application features a front end and a mock back end to demonstrate the integration of these technologies.
https://github.com/rk28284/reeco

cors html-css-javascript nodejs react redux redux-thunk

Last synced: about 5 hours ago
JSON representation

This project is an assignment for CAW Studios, showcasing a web application developed using React, Redux Toolkit, Node.js, Chakra UI, and Styled Components. The application features a front end and a mock back end to demonstrate the integration of these technologies.

• Host: GitHub
• URL: https://github.com/rk28284/reeco
• Owner: rk28284
• Created: 2023-12-15T05:55:37.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-18T11:10:31.000Z (about 1 year ago)
• Last Synced: 2023-12-19T12:26:59.895Z (about 1 year ago)
• Topics: cors, html-css-javascript, nodejs, react, redux, redux-thunk
• Language: JavaScript
• Homepage: https://657d509966e83a026a2cb33b--effulgent-hummingbird-586abb.netlify.app/
• Size: 234 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CAW Studios Assignment

Dashboard Page



Add Product 



Product Table



## Overview

This project is an assignment for CAW Studios, showcasing a web application developed using React, Redux Toolkit, Node.js, Chakra UI, and Styled Components. The application features a front end and a mock back end to demonstrate the integration of these technologies.

The front end is deployed on Netlify: [CAW Studios Assignment - Frontend](https://657d509966e83a026a2cb33b--effulgent-hummingbird-586abb.netlify.app/)

The mock back end is deployed on Render: [CAW Studios Assignment - Backend](https://mockapirevision.onrender.com/data)

## Technologies Used

- React

- Redux Toolkit

- Node.js

- Chakra UI

- Styled Components

- CORS

- Mock API (JSON data)

## Project Structure

The project is organized into the following directories:

- **frontend:** Contains the React application built with Chakra UI and Styled Components.

- **backend:** Mock server using Node.js with CORS enabled.

## Getting Started

To run the project locally, follow these steps:

1. **Clone the repository:**

   ```bash

   git clone https://github.com/rk28284/Reeco.git

2. **npm i** 


3. **npm start**