/modern-notes-app

This repository contains a modern notes taking app designed to streamline the process of note-taking for users. It offers a user-friendly interface where users can create different groups to organise and store their notes efficiently.

Primary LanguageJavaScript

Modern Notes Taking App

This repository contains a modern notes taking app designed to streamline the process of note-taking for users. It offers a user-friendly interface where users can create different groups to organize and store their notes efficiently.

About Project

The Modern Notes Taking App is a comprehensive application designed to simplify the process of taking and managing notes. With a focus on user experience, it offers intuitive features for creating, organizing, and accessing notes.

Users can easily sign up and start saving their notes. The app allows users to create different groups to categorize their notes, providing a structured approach to note-taking. The interface is designed to be intuitive and user-friendly, ensuring a seamless experience for users.

Implemented with modern web technologies, the app ensures smooth performance and reliability. It leverages the latest frontend frameworks for an interactive user interface and a robust backend for efficient data management.

Demo Video

Screen.Recording.2024-02-28.at.10.08.42.PM.mp4

Features

  • User-Friendly Interface: Intuitive interface for easy note-taking and organization.
  • Group Organization: Users can create different groups to categorize and organize their notes.
  • Efficient Data Management: Utilizes modern web technologies for smooth performance and reliability.
  • Secure Authentication: Although not focused on in this version, future iterations can implement secure authentication and user management features.
  • Responsive Design: Ensures compatibility across various devices for a seamless user experience.

Technologies Used

React NodeJS Express.js MongoDB NPM

Getting Started

To set up and run the application, follow these steps:

  1. Frontend Setup:

    • Navigate to the frontend directory and run npm install.
    • Run npm run dev to start the frontend server.
    • Access the app at http://localhost:5173/.

  2. Backend Setup:

    • Navigate to the backend directory and run npm install.
    • Run npm start to start the backend server.
    • For now, I focus is on the frontend functionality.

For detailed instructions, refer to the documentation or contact the project owner.

Contributors

  • Indrajit Pal