This is a simple Note App built using the MERN stack (MongoDB, Express.js, React, Node.js). The application allows users to create, edit, delete, and view notes. It's designed to showcase the basic functionalities of a full-stack web application.
Make sure you have the following software installed on your machine:
Clone the repository:
git clone https://github.com/Chiranjit34/NotesApp.git
Navigate to the project folder:
cd NoteApp
Install dependencies for both the server and client:
cd server && npm install
cd ../client && npm install
The project is organized into two main folders:
NotesApp/
|-- client/
| |-- public/
| |-- src/
| | |-- components/
| | | |-- notes/
| | | | |-- CreateNote.jsx
| | | | |-- EditNote.jsx
| | | | |-- Home.jsx
| | | | |-- Nav.jsx
| | | |-- Login.jsx
| | | |-- Notes.jsx
| | |-- App.css
| | |-- App.js
| | |-- api.js
| | |-- index.css
| | |-- index.js
| | |-- App.css
| |-- package.json
|-- server/
| |-- controllers/
| | |-- noteCtrl.js
| | |-- userCtrl.js
| |-- middleware/
| | |-- auth.js
| |-- models/
| | |-- noteModel.js
| | |-- userModel.js
| |-- routes/
| | |-- noteRouter.js
| | |-- userRouter.js
| |-- .env
| |-- .gitignore
| |-- index.js
| |-- package.json
|-- README.md
In a new terminal, navigate to the server
folder and start the backend server:
cd server
npm start
In another terminal, navigate to the client
folder and start the React development server:
cd client
npm start
Open your browser and go to http://localhost:3000 to view the application.