This app is a simple product management tool that allows users to create, edit, and delete products and search for products by the name of the Scrum Master or the name of a Developer. The app is built using React, with data fetched from a REST API.
View a list of products with details such as Product Name, Scrum Master, Product Owner, Start Date , Methodology, Product Number, and Developers.
Filter the products by the name of the Scrum Master or the name of a Developer.
Edit an existing product's details.
Delete a product from the list.
Create a new product with the specified details.
To run the application locally, follow these steps:
- Clone the repository to your local machine
- Install dependencies by running
npm installin the root directory - Change directory to client and run
npm installagain - Go back to root and start the development server by running
npm start - Open
http://localhost:3000in a web browser to view the application
To create a new product, scroll down at the bottom of the page untill reach a form where you can enter the product details. Click "Save" to submit the new product.
To edit a product, click the "Edit" button on the right side of the product row in the table. This will bring up a form where you can modify the product details. Click "Save" to submit the changes, or "Cancel" to close the form.
To delete a product, click the "Delete" button on the right side of the product row in the table. This will remove the product from the list.
Dependencies This app requires the following dependencies:
react react-dom react-scripts
It also uses a custom API module to fetch and manipulate data, which is included in the project.
Refresh will NOT erase CRUD operations done but restart server WILL, since this application is using mock data from a local JSON file @ db.json instead of actually connecting to a database.