This is a simple inventory management system built using Next.js, Redux Toolkit, and Material-UI. It allows users to view, add, update, and delete products from an inventory.
- View Products: Displays a list of all products in the inventory.
- Add Product: Allows the user to add a new product to the inventory.
- Edit Product: Allows the user to update details of an existing product.
- Delete Product: Allows the user to remove a product from the inventory.
- View Product Details: Displays detailed information about a specific product.
- Next.js: A React framework for server-side rendering and static site generation.
- Redux Toolkit: A state management library for managing application state.
- Material-UI: A popular React UI framework for building responsive and modern web applications.
- Node.js (v18.17.0 or later)
- npm (v10.8.0 or later) or yarn (v1.x or later)
-
Clone the repository:
git clone https://github.com/Mykol5/inventoryapp.git cd inventory-app -
Install dependencies:
npm install
or
yarn install
-
Run the development server:
npm run dev
or
yarn dev
Open http://localhost:3000 with your browser to see the result.
components/: Contains React components used in the application.pages/: Contains the Next.js pages for routing.redux/: Contains Redux slices and store configuration.public/icons/: Contains icon files used in the application.
Navigate to the home page to see a list of all products. Click on "View Details" to see detailed information about a specific product.
Click on the "Add Product" button on the home page. Fill in the product details in the form and submit to add the product to the inventory.
Click on the edit icon next to a product in the list. Update the product details in the form and submit to save the changes.
Click on the delete icon next to a product in the list to remove it from the inventory.
Contributions are welcome! Please open an issue or submit a pull request for any bugs or improvements.
This project is licensed under the MIT License. See the LICENSE file for details.