Skip to content

Amitsharma45/Note_Manager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Note Manager Project

Note Manager Screenshot

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.

Features

  • 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.

Technologies Used

  • 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.

Installation and Setup

  1. Clone the repository:
    git clone https://github.com/Amitsharma45/Note_Manager.git
    
  2. Navigate to the project directory: cd note-manager
  3. Install frontend dependencies:
  • Navigate to the frontend directory: cd frontend
  • Run npm install to install the required packages.
  1. Install backend dependencies:
  • Navigate to the backend directory: cd backend
  • Run npm install to install the required packages.
  1. Create a .env file in the backend directory and provide the necessary environment variables, including the MongoDB URI.

  2. Start the frontend and backend servers:

  • In the frontend directory, run npm start.
  • In the backend directory, run npm start.

Usage

  1. Open a web browser and go to http://localhost:3000 to access the Note Manager application.
  2. Register for a new account or log in if you already have one.
  3. 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.