Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ritikprajapat21/note-app
A mern stack note app
https://github.com/ritikprajapat21/note-app
Last synced: 13 days ago
JSON representation
A mern stack note app
- Host: GitHub
- URL: https://github.com/ritikprajapat21/note-app
- Owner: ritikprajapat21
- Created: 2024-01-28T10:53:16.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-02-03T04:59:04.000Z (11 months ago)
- Last Synced: 2024-02-03T17:36:15.026Z (11 months ago)
- Language: JavaScript
- Size: 218 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Notes Web App using MERN Stack
Let's you create, update and delete your notes.
# Library Used
> Axios - To connect to backend
> mongoose - To connect to MongoDB
# To run application on local system
1. Clone this repo.
2. Go into the directory and open it in terminal.
3. Run following commands:```
cd frontend
npm install
```4. To start frontend, run:
```
npm run dev
```5. After installation go to backend directory using
```
cd ../backend
```6. Run following commands:
```
npm install
```7. This step is optional if you have mongodb installed. Or make sure that you have docker installed on your system.
```
docker compose up -d
```If not container does not start running in first turn then again run the same command.
8. To start backend, run:
```
npm start
```# Application UI
![Index Page](./pictures/Demo1.png)
![Create Page](./pictures/Demo2.png)
![View Page](./pictures/Demo3.png)
![Edit Page](./pictures/Demo4.png)
![Delete Page](./pictures/Demo5.png)