# Grocery List

<!-- TABLE OF CONTENTS -->
<details open="open">
  <summary>Table of Contents</summary>
  <ol>
    <li>
      <a href="#about-the-project">About The Project</a>
    <li>
      <a href="#concepts-used">Concepts used</a>
    </li>
    <li>
      <a href="#best-way-to-learn">Best way to Learn</a>
    </li>
  </ol>
</details>


## About The Project

Grocery List website which has functionality to add New Items and quantity. You can also delete the items which you have already bought.

[Website](https://grocery-listdb.herokuapp.com/)

### Concepts used

This section lists the concepts that were used while making this project.
- [nodejs](https://nodejs.org/en/docs/guides/)
- [express](https://www.npmjs.com/package/express)
- [ejs](https://www.npmjs.com/package/ejs)
- [mognodb](https://docs.mongodb.com/)


### Notes

To run this project on your system:

<ol>
<li>Install npm node mongodb server</li>
<li>Edit the .env file and insert the address of your mongodb atlas cluster or use the localhost address</li>
<li>In terminal, cd to the project folder and run `npm i` command</li>
<li>In terminal, run `nodemon app.js`</li>
<li>Visit the url `localhost:3000/`</li>
</ol>

## Best Way to Learn

The best way to work on this project is :

- Get a good grasp of the idea and what we are trying to create.
- Read about the concepts used.
- With both the above points done , try to make the project on your own.
- Give it some try and take help from the code in this repository.

If you liked the Project be sure to ⭐ the repo. Happy Learning !
