abhishekHegde2000 / ai-note-app

Developed an AI-powered note-taking application using Next.js 14, ChatGPT API, vector embeddings, Pinecone, TailwindCSS, Shadcn UI, and TypeScript.

Home Page:https://ai-note-app-rosy.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

AI Note-Taking App

Introduction

Introducing a revolutionary AI-powered note-taking app that elevates note-taking to a whole new level. This innovative app utilizes the power of artificial intelligence to analyze your notes and provide comprehensive answers to your queries. Say goodbye to the days of manually searching through piles of notes – our AI assistant will do the work for you, saving you time and effort.

Project Demo

ai-chat.working.online-video-cutter.com.mp4

Features

  • AI-Powered Chatbot: Engage in real-time conversations with our AI chatbot, ask questions about your notes, and receive insightful answers.

  • Intelligent Document Retrieval: Seamlessly retrieve relevant documents and notes using ChatGPT vector embeddings and Pinecone.

  • Personalized User Experience: Switch between light and dark themes for optimal viewing comfort with our next-themes integration.

  • Secure User Authentication: Protect your notes with Clerk's robust authentication system, ensuring only authorized users can access your information.

  • CRUD Operations for Notes: Create, update, and delete notes effortlessly using Prisma and MongoDB Atlas, maintaining a well-organized note-taking system.

  • Organized Layouts: Navigate through structured and intuitive layouts, thanks to our nested layouts implementation.

  • Comprehensive Form Validation: Validate form inputs both client-side and server-side with Zod, React-Hook-Form, and Shadcn UI Form, ensuring data integrity.

  • Fully Responsive Design: Experience a seamless user experience across all devices with our TailwindCSS modifiers, ensuring the app adapts perfectly to any screen size.

Technology Stack

  • Next.js 14: A modern React framework for building server-side rendered applications.

  • ChatGPT API: Leverage the power of ChatGPT to generate human-quality text, translate languages, write different kinds of creative content, and answer your questions in an informative way.

  • Vector Embeddings: Represent text documents as vectors in a high-dimensional space, enabling efficient similarity searches and document retrieval.

  • Pinecone: A scalable vector similarity search engine for rapid and accurate document retrieval.

  • TailwindCSS: A utility-first CSS framework for building responsive and customizable user interfaces.

  • Shadcn UI: A collection of React components for building beautiful and accessible user interfaces.

  • TypeScript: A superset of JavaScript that adds type annotations, ensuring code reliability and maintainability.

  • Vercel AI SDK: A suite of tools for integrating AI capabilities into your Next.js applications.

  • API Route Handlers: Create and handle API routes to communicate with your application's backend.

  • Clerk: A user authentication and authorization platform for securing your application.

  • Prisma: A powerful data modeling and manipulation tool for interacting with your database.

  • MongoDB Atlas: A cloud-based NoSQL database for storing your notes and application data.

Installation and Usage

  1. Clone the project repository from GitHub:
git clone https://github.com/abhishekHegde2000/ai-note-app.git
  1. Install the project dependencies:
cd ai-note-taking-app
npm install
  1. Set up environment variables for your database connection and ChatGPT API key.

  2. Start the development server:

npm run dev
  1. Open the application in your web browser:
http://localhost:3000

Contribution

I welcome contributions to this project. Please feel free to submit issues, pull requests, or suggestions for improvement.

About

Developed an AI-powered note-taking application using Next.js 14, ChatGPT API, vector embeddings, Pinecone, TailwindCSS, Shadcn UI, and TypeScript.

https://ai-note-app-rosy.vercel.app


Languages

Language:TypeScript 90.3%Language:JavaScript 5.9%Language:CSS 3.8%