islahuddinn / merntask

#MERN Note Taking App

This is a simple note-taking application developed using the MERN stack, which consists of MongoDB, Express.js, React.js, and Node.js. The frontend is designed with React and chackra ui. , while the backend is developed with Node.js and Express, using MongoDB Atlas as the database.

#Setup Locally:

1. Clone the Repository:

   git clone <repository-url>
   

2. Navigate to Frontend Directory:

   cd frontend
   

3. Install Dependencies:

   npm install
   

4. Run the Frontend Server:

   npm start
   

   This will start the React development server.

5. Navigate to Backend Directory:

   cd ../backend
   

6. Install Dependencies:

   npm install
   

7. #Set Environment Variables:

   • Create a .env file in the backend directory.
   • Add the following environment variables:

     MONGODB_URI=<mongodb-uri>
     

8. #Run the Backend Server:

   npm start
   

   This will start the Node.js server.

Usage:

Once the frontend and backend servers are running, you can access the note-taking application by navigating to http://localhost:3000 in your web browser.

#Features:

• Create, read, update, and delete notes.
• Store notes in a MongoDB database.
• User-friendly interface developed with React and Tailwind CSS.
• TypeScript support for type safety.

Feel free to customize and expand upon this project according to your needs!