![Screenshot 2024-04-04 at 2 11 02 AM](https://private-user-images.githubusercontent.com/90498262/319350625-497d5852-7b18-4ad0-9fad-1a946b36caa3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5NTgxOTQsIm5iZiI6MTcyMzk1Nzg5NCwicGF0aCI6Ii85MDQ5ODI2Mi8zMTkzNTA2MjUtNDk3ZDU4NTItN2IxOC00YWQwLTlmYWQtMWE5NDZiMzZjYWEzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDA1MTEzNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM0MzliYjQ2NDRiZWEzMDljYmM4YzA1OWRkZmM2YjJjYTZmNTc4N2RjOGViZTU3MWQyM2FmMDMxOTMyMDA3ZjMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.sbMFAhp9EAK5Lsqxsyc2ijnSpwOW6UgS_Bz3klxYvl0)
![Screenshot 2024-04-04 at 2 11 17 AM](https://private-user-images.githubusercontent.com/90498262/319350647-aa9e7997-11db-4faf-b2fe-e6fef2d66b72.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5NTgxOTQsIm5iZiI6MTcyMzk1Nzg5NCwicGF0aCI6Ii85MDQ5ODI2Mi8zMTkzNTA2NDctYWE5ZTc5OTctMTFkYi00ZmFmLWIyZmUtZTZmZWYyZDY2YjcyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDA1MTEzNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTZhNDg1NGVjMWQ3ZDIxMmE5NTUxNWY5NGUwM2E5OGNjMTg5MzY1M2Y2OTA1OThkOWNmYTY2YjcyYWIxY2FiY2QmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.6XWLlIyGu14cmxQYGC4P6DnpyB3hR2MVpPTbDq6RSPU)
![Screenshot 2024-04-04 at 2 11 28 AM](https://private-user-images.githubusercontent.com/90498262/319350667-362ba25d-af4b-4aa7-be78-b37a470450bd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5NTgxOTQsIm5iZiI6MTcyMzk1Nzg5NCwicGF0aCI6Ii85MDQ5ODI2Mi8zMTkzNTA2NjctMzYyYmEyNWQtYWY0Yi00YWE3LWJlNzgtYjM3YTQ3MDQ1MGJkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDA1MTEzNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQzMDJlNjRiOGRiNTM5MjNkMjc3YzNhYTA2OTBhN2U3ZTgzNTIzOWVkMGQzZGYzNDU1ZGZkMWNhOWI1YzYxYzQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.odbo4_k_p7bRd6T8pWBilq-1d4V-UW5a2liaz8UH_yU)
![Screenshot 2024-04-04 at 2 12 07 AM](https://private-user-images.githubusercontent.com/90498262/319350706-d4143f82-5d69-4c1f-b98c-b06ed5a1a3c2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5NTgxOTQsIm5iZiI6MTcyMzk1Nzg5NCwicGF0aCI6Ii85MDQ5ODI2Mi8zMTkzNTA3MDYtZDQxNDNmODItNWQ2OS00YzFmLWI5OGMtYjA2ZWQ1YTFhM2MyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDA1MTEzNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZkMWQ4OTNkZDA3NzQzODExZTVjYTU5MjhhNjJkOTE2YmU2ZjY1MjVhNzM3MDkwNTg0YTc2MzRkZjY5MGU0ZDUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.lA9CQnsx9K36LRZaGOuFcXwoYcyjgdiOaYJu6BAb24U)
![Screenshot 2024-04-04 at 2 12 45 AM](https://private-user-images.githubusercontent.com/90498262/319350738-79bcae2c-793d-484f-847b-1bfbb8448272.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5NTgxOTQsIm5iZiI6MTcyMzk1Nzg5NCwicGF0aCI6Ii85MDQ5ODI2Mi8zMTkzNTA3MzgtNzliY2FlMmMtNzkzZC00ODRmLTg0N2ItMWJmYmI4NDQ4MjcyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDA1MTEzNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI3NjcwZWE2MmQyNTQ1ZmMzN2EwNjdmYjRlMzFkODUyODY3MWZlYTQwOGU2ZDgwZDM3ODUyMzA4NDQ0YTkzNGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.HVBVg2AuJDRUOruD8Qa4DiQSWQ0Og4ZNS3gQwbsq_Xc)
This is a full-stack MERN (MongoDB, Express.js, React, Node.js) project.
notes-backend/
: Contains the Node.js backend code.notes-frontend/
: Contains the React frontend code.
- Node.js installed on your machine.
- MongoDB installed locally or a MongoDB Atlas account for cloud database.
-
Clone the repository:
git clone https://github.com/your-username/mern-stack-project.git
-
Install dependencies for both the backend and frontend:
cd mern-stack-project/notes-backend npm install cd ../notes-frontend npm install
-
Backend:
-
Create a
.env
file in thenotes-backend/
directory. -
Add the following configurations to the
.env
file:PORT=5000 MONGODB_URI=your-mongodb-uri
-
-
Frontend:
- In the
notes-frontend/src/api/index.js
file, update theBASE_URL
variable to point to your backend server URL if it's different fromhttp://localhost:5000
.
- In the
-
Start the backend server:
cd mern-stack-project/notes-backend npm run server
-
Start the frontend development server:
cd mern-stack-project/notes-frontend npm start
-
Open your browser and navigate to
http://localhost:3000
to view the application.
- Feel free to explore and modify the code to suit your needs.
- For production deployment, make sure to set up proper environment variables and configure your hosting provider accordingly.
Feel free to customize this README template further based on your project's specific requirements and features.