CogniNote: Your Intelligent & Organized Note-Taking Companion

CogniNote is a powerful, full-stack note-taking application engineered for unparalleled simplicity, speed, and advanced organization, supercharged with cutting-edge AI features. Built with the MERN stack (MongoDB, Express, React, Node.js), it caters to all types of users – from students and general users to developers and power users – helping them capture, manage, and leverage their thoughts effortlessly.

Key Features Include:

⚡ Blazing Fast Performance: Experience a smooth, responsive interface with infinite scrolling for seamless navigation through your notes.

🧠 AI-Powered Insights: Summarize lengthy notes instantly using integrated AI capabilities, saving you time and highlighting key information.

🔍 Advanced Organization:

Powerful Search: Find anything quickly across titles, content, and tags with debounced real-time results.

Flexible Sorting: Arrange notes precisely how you need them – by creation date, last updated, title, custom note date, or prioritize pinned/favorite items.

Tag-based Filtering: Effortlessly categorize and filter notes using custom tags for quick access to related information.

🎨 Customizable Notes: Personalize your notes visually with color-coding, pin important items for quick visibility, and mark favorites for easy retrieval.

CogniNote is designed to be your go-to solution for intelligent and efficient information management.

Table of Contents

• Getting Started
  • Prerequisites
  • Installation
• Folder Structure
• Running the Application
• Technologies Used
• Contributing
• Acknowledgments

Getting Started

Prerequisites

Make sure you have the following software installed on your machine:

• Node.js
• MongoDB

Installation

1. Clone the repository:

   git clone https://github.com/Chiranjit34/NotesApp.git

2. Navigate to the project folder:

   cd NoteApp

3. Install dependencies for both the server and client:

   cd server && npm install
   cd ../client && npm install

Folder Structure

The project is organized into two main folders:

• client: Contains the React.js frontend code.
• server: Contains the Node.js and Express.js backend code.

NotesApp/
|-- client/
|   |-- public/
|   |-- src/
|   |   |-- components/
|   |   |   |-- notes/
|   |   |   |   |-- CreateNote.jsx
|   |   |   |   |-- EditNote.jsx
|   |   |   |   |-- Home.jsx
|   |   |   |   |-- Nav.jsx
|   |   |   |-- Login.jsx
|   |   |   |-- Notes.jsx
|   |   |-- App.css
|   |   |-- App.js
|   |   |-- api.js
|   |   |-- index.css
|   |   |-- index.js
|   |   |-- App.css
|   |-- package.json
|-- server/
|   |-- controllers/
|   |   |-- noteCtrl.js
|   |   |-- userCtrl.js
|   |-- middleware/
|   |   |-- auth.js
|   |-- models/
|   |   |-- noteModel.js
|   |   |-- userModel.js
|   |-- routes/
|   |   |-- noteRouter.js
|   |   |-- userRouter.js
|   |-- .env
|   |-- .gitignore
|   |-- index.js
|   |-- package.json
|-- README.md

Running the Application

1. In a new terminal, navigate to the server folder and start the backend server:

   cd server
   npm start

2. In another terminal, navigate to the client folder and start the React development server:

   cd client
   npm start

3. Open your browser and go to http://localhost:3000 to view the application.

Technologies Used

• Frontend: React.js
• Backend: Node.js, Express.js
• Database: MongoDB
• Styling: CSS, Styled Components

Contributing

• Feel free to contribute to the development of this project.
• Create a new branch and start contributing new fetures.

Acknowledgments

• Special thanks to the MERN stack for providing a powerful and efficient way to build full-stack web applications.
• Inspiration from various online tutorials and resources.
• Contributors to the open-source community for creating and maintaining the tools and libraries used in this project.