A simple Angular-Node based app to add and fetch grocery items.
- Angular 15
- Angular Material
- Node.js (Express.js)
- MySQL
-
Clone the repo
-
Install NPM packages (in both Backend and Frontend/Grocery-app directories)
-
Run the server on port 3000 (use command
npm run start
in backend/ directory) -
Launch the Angular app on port 4200 (use command
ng serve
in frontend/Grocery-app/ directory) -
Navigate to
http://localhost:4200/
in your browser.
- Add and delete grocery items in Cart.
- Specify Quantity of items.
- Add the cart items to Inventory (database). (
/addItems
) - Fetch all items from Inventory (database). (
/getItems
) - View the fetched grocery items.
- Make sure to configure proxy.conf.json file if you are running the servers on any other ports than specified.
/addItems
endpoint prevents adding items already existing in the inventory and is CASE SENSITIVE. SoApples
andapples
are considered different items.
This project is licensed under the MIT License.