Mohd2002Monish / cornet-1

Home Page:https://cornet.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CoreNet React Project

Welcome to the CoreNet React project! This application is developed as an assignment given by CoreNet. It's a web application designed to manage products with functionalities like adding, editing, and deleting products.

Description

This React project utilizes several third-party libraries to enhance its functionality and user experience. It employs React Router DOM for routing, Redux and Redux Thunk for global state management, and Chakra UI for UI components.

The project also includes a small backend server to support the frontend. You can find the backend server code on GitHub here.

Installation

To run this project locally on your machine, follow these steps:

  1. Clone this repository to your local machine:

    git clone https://github.com/Mohd2002Monish/cornet-1.git
    
  2. Navigate to the project directory: <<<<<<< HEAD

    cd cornet-1
=======

 ```bash
 cd cornet-1
>>>>>>> 619c8006b5454e7bda38fbd6bab158fdffc357d3

3. Install dependencies using npm or yarn:
 ```bash
 npm install
 # or
 yarn install

4. Start the development server:
 
 ```bash 
 npm start
 # or
 yarn start

## Routes
* /: Home page.
* /add-products: Add a new product.
* /product/:productId: Edit an existing product with the given productId.
# Functionality
The application allows you to perform the following operations:

* Add Products: Navigate to /add-products to add a new product.
* Edit Products: Navigate to /product/:productId to edit an existing product by providing its productId.
* Delete Products: Functionality to delete products is integrated into the edit page or through additional UI components as per your implementation.
# Technologies Used
* React.js: Front-end library for building user interfaces.
* React Router DOM: Library for routing in React applications.
* Redux: State management library for managing application state.
* Redux Thunk: Middleware for asynchronous Redux actions.
* Chakra UI: Component library for React applications.

About

https://cornet.netlify.app/


Languages

Language:JavaScript 68.4%Language:CSS 23.5%Language:HTML 8.1%