https://github.com/chiranjit-behera/CogniNote
A note app where a user can store you note. It has crud operations. A user can create, read, update, or delete their notes.
https://github.com/chiranjit-behera/CogniNote
bcrypt expressjs jwt mongodb nodejs reactjs styled-components
Last synced: 6 months ago
JSON representation
A note app where a user can store you note. It has crud operations. A user can create, read, update, or delete their notes.
- Host: GitHub
- URL: https://github.com/chiranjit-behera/CogniNote
- Owner: chiranjit-behera
- Created: 2024-11-28T07:08:26.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-28T07:09:17.000Z (over 1 year ago)
- Last Synced: 2024-12-14T17:10:59.786Z (over 1 year ago)
- Topics: bcrypt, expressjs, jwt, mongodb, nodejs, reactjs, styled-components
- Language: JavaScript
- Homepage: https://noteapp33.netlify.app/
- Size: 548 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Folder Structure](#folder-structure)
- [Running the Application](#running-the-application)
- [Technologies Used](#technologies-used)
- [Contributing](#contributing)
- [Acknowledgments](#acknowledgments)
## Getting Started
### Prerequisites
Make sure you have the following software installed on your machine:
- [Node.js](https://nodejs.org/)
- [MongoDB](https://www.mongodb.com/try/download/community)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/Chiranjit34/NotesApp.git
```
2. Navigate to the project folder:
```bash
cd NoteApp
```
3. Install dependencies for both the server and client:
```bash
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:
```bash
cd server
npm start
```
2. In another terminal, navigate to the `client` folder and start the React development server:
```bash
cd client
npm start
```
4. Open your browser and go to [http://localhost:3000](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.