Note Manager is a web application built using the MERN (MongoDB, Express.js, React, Node.js) stack that enables users to manage and organize their notes effectively. With an intuitive interface and versatile features, Note Manager simplifies note-taking and organization.
- User Authentication: Create accounts and log in securely to access your notes.
- Create and Edit Notes: Craft new notes and modify existing ones with titles and content.
- Delete and Archive: Dispose of unnecessary notes or archive ones that are no longer active.
- Favorite Notes: Pin essential notes to the favorite list for easy reference.
- Responsive Design: Experience seamless usage across various devices and screen sizes.
- Frontend:
- React: Building dynamic and interactive user interfaces.
- Tailwind CSS: Styling for appealing and responsive designs.
- Backend:
- Node.js: Runtime environment for server-side JavaScript.
- Express.js: Handling APIs and backend processes.
- MongoDB: Efficiently storing note data using a NoSQL database.
- Authentication:
- JWT (JSON Web Tokens): Ensuring secure user authentication.
- Passport.js: Simplifying authentication procedures.
- Clone the repository:
git clone https://github.com/Amitsharma45/Note_Manager.git
- Navigate to the project directory:
cd note-manager
- Install frontend dependencies:
- Navigate to the
frontend
directory:cd frontend
- Run
npm install
to install the required packages.
- Install backend dependencies:
- Navigate to the
backend
directory:cd backend
- Run
npm install
to install the required packages.
-
Create a
.env
file in the backend directory and provide the necessary environment variables, including the MongoDB URI. -
Start the frontend and backend servers:
- In the
frontend
directory, runnpm start
. - In the
backend
directory, runnpm start
.
- Open a web browser and go to
http://localhost:3000
to access the Note Manager application. - Register for a new account or log in if you already have one.
- Start managing your notes by creating, editing, and deleting them.
Feel free to customize this README.md
template with more specific information about your project, such as deployment instructions, troubleshooting, additional screenshots, and anything else you'd like to share.