Create a Redux Toolkit Product Uploads Project

This project was created using the Redux Toolkit.

Technology Used

• React
• Redux Toolkit
• React Redux
• Axios
• Json Server
• Vite

Project Structure

• src/ - Source code folder
• src/features/ - Feature folder
• src/features/products/ - Product feature folder
• src/features/products/productSlice.js - Product reducer
• src/features/products/ProductForm.jsx - Product form component
• src/features/products/ProductListView.jsx - Product list component
• src/App.jsx - Main application component
• src/App.css - Main application stylesheet
• src/main.jsx - Main application entry point
• vite.config.js - Vite configuration file
• package.json - Project dependencies and scripts
• README.md - This file

Getting Started

1. Clone the repository
2. Install the dependencies using npm install
3. Start the development server using npm run dev
4. Open the application in a web browser at http://localhost:3000
5. Json-Server Run npx json-server -p 3003 -w .\databash\db.json

Available Scripts

• npm run dev - Starts the development server
• npm run build - Builds the application for production
• npm run preview - Starts a server to preview the production build
• npm run lint - Lints the code using ESLint
• npm run test - Runs the unit tests using Jest

Learn More

You can learn more about the technologies used in this project by visiting the following links:

• Redux Toolkit
• React Redux
• Axios
• Json Server
• Vite