An intelligent note-taking application powered by AI. Built with Next.js 15 and Convex, featuring AI-powered chatbot and RAG (Retrieval-Augmented Generation) technology to make your notes smarter.
| Feature | Description |
|---|---|
| 🔐 User Authentication | Secure authentication system powered by Convex Auth. |
| 📝 Smart Note Creation | AI-assisted note creation and editing capabilities. |
| 🤖 AI Chatbot | Intelligent chatbot to interact with your notes and ask questions. |
| 🔍 RAG Technology | Enhanced AI responses with Retrieval-Augmented Generation. |
| 📋 Note Management | Organize and manage your notes efficiently. |
| 🎨 Modern UI | Modern and responsive design with Shadcn/ui components. |
| 🌙 Dark Mode | Dark/light mode support for better user experience. |
| ⚡️ Real-time Updates | Real-time data synchronization powered by Convex. |
| 📱 Responsive Design | Perfect user experience across all devices. |
| 🔧 Type Safety | End-to-end TypeScript support for better development. |
| 📊 Advanced Search | AI-powered advanced search capabilities. |
| 🎯 Markdown Support | Write and view notes in Markdown format. |
- Next.js 15 with modern React 19 support and Turbopack
- Convex for serverless backend and real-time database
- TypeScript for complete type safety
- AI SDK with OpenAI integration and streaming responses
- RAG Technology for enhanced AI responses
- Convex Auth for secure authentication
- Shadcn/ui components for modern UI
- Tailwind CSS for responsive design
- React Hook Form for managing forms with ease
- Zod for generating typesafe forms with minimal boilerplate
# Clone the repository
git clone https://github.com/yourusername/ai-notes.git
cd ai-notes
# Install dependencies
npm install
# Create environment variables file
cp .env.example .env.local
# Set up Convex
npx convex dev
# Start the development server
npm run devVisit http://localhost:3000 to use the application.
Click to expand tech stack details
- Next.js 15 - React framework with App Router and Turbopack
- React 19 - Latest React with concurrent features
- TypeScript - Type-safe JavaScript
- Zod - TypeScript-first schema validation
- React Hook Form - Performant form handling
- React Markdown - Markdown rendering
- Convex - Serverless backend with real-time database
- Convex Auth - Authentication solution
- AI SDK - AI integration toolkit
- OpenAI - GPT models for AI features
- RAG Technology - Retrieval-Augmented Generation for enhanced AI responses
- Tailwind CSS - Utility-first CSS framework
- Shadcn/ui - Re-usable components with Radix UI
- Lucide React - Beautiful icon library
- Next Themes - Theme management
- ESLint - Code linting
- Tailwind Typography - Beautiful typography
Create a .env.local file in the root of your project:
# Convex
CONVEX_DEPLOY_KEY=
NEXT_PUBLIC_CONVEX_URL=
# Authentication (Convex Auth)
JWKS=
JWT_PRIVATE_KEY=
# OpenAI
OPENAI_API_KEY=
# Application
NEXT_PUBLIC_BASE_URL=http://localhost:3000| Variable | Description | Required |
|---|---|---|
CONVEX_DEPLOY_KEY |
Convex deployment identifier | ✅ |
NEXT_PUBLIC_CONVEX_URL |
Public Convex URL | ✅ |
JWKS |
JSON Web Key Set for authentication | ✅ |
JWT_PRIVATE_KEY |
Private key for JWT token signing | ✅ |
OPENAI_API_KEY |
OpenAI API key for AI features | ✅ |
NEXT_PUBLIC_BASE_URL |
Public URL of your application | ✅ |
- Interact with your notes intelligently
- Enhanced responses with RAG technology
- Fast interaction with streaming responses
- Rich text editor with Markdown support
- Real-time collaboration features
- Auto-save functionality
- AI-powered search algorithms
- Semantic search capabilities
- Quick filtering and sorting