Product Management app based website create to handle the expenditure and entry of products in your shop :
- Typescript
- Next JS
- Chakra UI
- Formik
- Yup
- Axios
- React Icons
- Mongoose
- Framer Motion
- Body Parser
-
Home page
- User can see all of product list in table.
- User can click edit product & delete product.
- user can click add product.
-
Add product page
- User can click button back for back to the home page.
- User required to input product name, detail product, price, and sum.
-
Edit product page
- User can edit product name, detail product, price, and sum
-
Clone this repositories
You need to clone this repositories to your local laptop/computer
-
Download and install MongoDB Compass & MongoDB Shell
MongoDB is using for the databases and for simple using database with MongoDB Compass. You can download MongoDB Compass. MongoDB Shell is using for simple syntax in terminal for create database, use database, and many more. You can download MongoDBShell. After you finish install all, the next step is making the database. You can follow this step:
- Open your MongoDB Compass software
- Hit the button connect for connecting your local to database
- Create database name is pijarcamp
- Create collection with name products
After it use the package manager yarn or npm to install Product Management.
yarn install
npm run install
Use yarn dev script to run the project in your local computer and open http://localhost:3000/ to view in your browser.
yarn dev
npm run dev
The page will reload when you make changes.
You may also see any lint errors in the console.
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.