Skip to content

shree-bd/NoteAI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ€– NoteAI - AI-Powered Note-Taking Application

Your intelligent companion for smart note-taking with AI-powered features! ✨

React Django TailwindCSS AI Powered

πŸ”— Live Repository: https://github.com/shree-bd/NoteAI


🌟 What Makes NoteAI Special?

NoteAI transforms your note-taking experience with cutting-edge AI features that help you write better, organize smarter, and be more productive!

🎯 Key Features

🧠 AI-Powered Intelligence

  • Smart Auto-Tagging: AI automatically suggests relevant categories
  • Content Enhancement: Improve grammar, style, and clarity with one click
  • Smart Title Generation: Generate perfect titles from your content
  • AI Content Analysis: Get intelligent summaries and writing suggestions

πŸ“ Rich Note-Taking Experience

  • Rich Text Editor: Format text with headers, lists, links, and styling
  • Real-time Search: Find notes instantly across all content
  • Categories & Organization: Work, Personal, Ideas, Projects, and more
  • Favorites & Archives: Pin important notes and archive old ones

🎨 Modern & Beautiful UI

  • Dark/Light Mode: Switch themes seamlessly
  • Responsive Design: Perfect on desktop, tablet, and mobile
  • Smooth Animations: Beautiful transitions powered by Framer Motion
  • Professional Interface: Clean, intuitive, and user-friendly

πŸ” Secure & Personal

  • JWT Authentication: Secure user accounts
  • Private Notes: Your data is yours alone
  • RESTful API: Modern, scalable backend architecture

πŸš€ Quick Start

Prerequisites

  • Python 3.8+
  • Node.js 16+
  • npm or yarn

Installation

  1. Clone the repository

    git clone https://github.com/shree-bd/NoteAI.git
    cd NoteAI
  2. Backend Setup

    cd backend
    python -m venv venv
    source venv/bin/activate  # On Windows: venv\Scripts\activate
    pip install -r requirements.txt
    python manage.py migrate
    python manage.py runserver
  3. Frontend Setup (Open a new terminal)

    cd frontend
    npm install
    npm run dev
  4. Access NoteAI


πŸ€– AI Features Guide

🎯 How to Activate AI Features

NoteAI comes with two AI modes:

1. Demo Mode (Default - No API Key Required) βœ…

  • Ready to use immediately!
  • Smart content analysis using intelligent algorithms
  • Auto-category detection based on keywords
  • Grammar improvements and content enhancement
  • Perfect for testing and daily use

2. Full AI Mode (OpenAI Integration) πŸš€

  • Advanced AI capabilities with OpenAI GPT models
  • More sophisticated content analysis
  • Better writing suggestions and enhancements

To enable Full AI Mode:

  1. Get an OpenAI API key from platform.openai.com
  2. Set environment variable: OPENAI_API_KEY=your_api_key_here
  3. Change DEMO_MODE = False in backend/api/ai_service.py
  4. Restart the backend server

✨ Using AI Features

1. AI Assistant Panel

  1. Create or edit a note - Click "New Note" button
  2. Write some content (at least 10 characters)
  3. Click "AI Assistant" button (purple gradient button)
  4. Get instant suggestions:
    • Smart category recommendations (clickable tags)
    • Content summaries
    • Writing improvement tips

2. Content Enhancement

  1. Write your note content
  2. Click "Enhance" button (blue button)
  3. AI improves:
    • Grammar and spelling corrections
    • Sentence structure improvements
    • Writing clarity enhancements

3. Smart Title Generation

  1. Write your note content
  2. Click "Smart Title" button (green button)
  3. Get AI-generated titles based on your content
  4. Title automatically fills in the title field

4. Auto-Category Suggestions

  • AI analyzes content and suggests categories:
    • Work: meetings, projects, deadlines, tasks
    • Personal: life, family, hobbies, personal thoughts
    • Ideas: brainstorming, concepts, creative thoughts
    • Meeting: agendas, discussions, team meetings

πŸ›  Project Structure

NoteAI/
β”œβ”€β”€ backend/                 # Django REST API
β”‚   β”œβ”€β”€ api/
β”‚   β”‚   β”œβ”€β”€ ai_service.py   # πŸ€– AI functionality
β”‚   β”‚   β”œβ”€β”€ models.py       # Note data models
β”‚   β”‚   β”œβ”€β”€ views.py        # API endpoints (including AI)
β”‚   β”‚   └── urls.py         # API routes
β”‚   β”œβ”€β”€ manage.py
β”‚   └── requirements.txt    # Python dependencies
β”œβ”€β”€ frontend/               # React Application
β”‚   β”œβ”€β”€ src/
β”‚   β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”‚   β”œβ”€β”€ AI/         # πŸ€– AI components
β”‚   β”‚   β”‚   β”œβ”€β”€ Auth/       # Authentication pages
β”‚   β”‚   β”‚   β”œβ”€β”€ Layout/     # App layout & navigation
β”‚   β”‚   β”‚   └── Notes/      # Note management
β”‚   β”‚   β”œβ”€β”€ contexts/       # React contexts
β”‚   β”‚   └── pages/          # App pages
β”‚   β”œβ”€β”€ package.json        # Frontend dependencies
β”‚   └── tailwind.config.js  # Styling configuration
└── README.md               # This file

🎨 Screenshots & Demo

πŸ” Beautiful Authentication

  • Modern login/register pages with NoteAI branding
  • Gradient designs and smooth animations
  • "Welcome back to NoteAI" messaging

πŸ“ AI-Powered Note Editor

  • Rich text editing with formatting toolbar
  • AI Assistant panel with smart suggestions
  • Real-time content enhancement
  • AI-powered category suggestions

πŸ—‚ Smart Organization

  • Sidebar with categories and search
  • AI-suggested tags and organization
  • Favorites and archive functionality
  • NoteAI branding throughout

πŸ”§ API Endpoints

Notes Management

  • GET /api/notes/ - List all notes
  • POST /api/notes/ - Create new note
  • GET /api/notes/{id}/ - Get specific note
  • PUT /api/notes/{id}/ - Update note
  • DELETE /api/notes/{id}/ - Delete note

πŸ€– AI Features

  • POST /api/ai/analyze/ - AI note analysis with suggestions
  • POST /api/ai/enhance/ - Content enhancement
  • POST /api/ai/title/ - Smart title generation

Authentication

  • POST /api/token/ - Login
  • POST /api/user/register/ - Register
  • POST /api/token/refresh/ - Refresh token

🌟 Technologies Used

Frontend

  • React 18 - Modern UI library
  • Vite - Fast build tool
  • TailwindCSS - Utility-first CSS
  • Framer Motion - Smooth animations
  • React Quill - Rich text editor
  • Heroicons - Beautiful icons

Backend

  • Django 5.2 - Web framework
  • Django REST Framework - API development
  • JWT Authentication - Secure auth
  • OpenAI API - AI capabilities
  • SQLite/PostgreSQL - Database

πŸš€ Deployment

Deploy to Production

  1. Set environment variables:

    export OPENAI_API_KEY=your_api_key_here
    export DEBUG=False
    export SECRET_KEY=your_secret_key
  2. Database setup (for production):

    python manage.py collectstatic
    python manage.py migrate
  3. Build frontend:

    npm run build

🀝 Contributing

We welcome contributions! Here's how:

  1. Fork the repository from https://github.com/shree-bd/NoteAI
  2. Create feature branch: git checkout -b feature/amazing-feature
  3. Commit changes: git commit -m 'Add amazing feature'
  4. Push to branch: git push origin feature/amazing-feature
  5. Open Pull Request

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.


🎯 Roadmap

Upcoming AI Features

  • πŸ” Semantic Search - Find notes by meaning, not just keywords
  • πŸ’¬ AI Chat Assistant - Ask questions about your notes
  • πŸ“Š Writing Analytics - Track your writing habits and improvements
  • 🏷️ Smart Templates - AI-generated note templates
  • πŸ”— Note Connections - AI-discovered relationships between notes

Planned Enhancements

  • πŸ“± Mobile app development
  • 🌐 Multi-language support
  • πŸ“€ Export to various formats
  • πŸ”„ Real-time collaboration
  • ☁️ Cloud synchronization

πŸ’ͺ Support


πŸŽ‰ Acknowledgments

  • OpenAI for providing AI capabilities
  • React and Django communities
  • All contributors and users

Made with ❀️ and πŸ€– AI

Transform your note-taking experience with NoteAI - where artificial intelligence meets productivity!


πŸ”₯ Quick Demo

Try NoteAI right now:

  1. Clone: git clone https://github.com/shree-bd/NoteAI.git
  2. Install dependencies (see Quick Start above)
  3. Run both frontend and backend
  4. Create a note and click "AI Assistant" to see the magic! ✨

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

Β 
Β 
Β 

Contributors