NotAIte - AI Note-Taking Tool

Overview

NotAIte is an Full Stack Note-Taking Tool, enriched with Artificial Intelligence capabilities. Powered by an extensive tech stack including React, Next.js, TypeScript, DrizzleORM, Neon, Firebase, DALL·E, OpenAI.

Visit the Deployed Vercel Website at: https://notaite-by-dann.vercel.app/
NOTE: DM me on Twitter/X @dannweeeee to reactivate the AI Feature

Features

• AI-Generated Thumbnails: Enhance the visual appeal of notebooks with DALL·E, an AI model that generates thumbnails based on notebook titles.

• Auto-Completion with OpenAI: Experience efficient notebook writing with OpenAI's auto-complete assistance. Press Shift + A to leverage AI-powered auto-completion suggestions.

• Vercel AI SDK Integration: Optimise deployment and hosting with the Vercel AI SDK.

• Neon PostgreSQL Database && DrizzleORM: Leverage Neon, an open-source PostgreSQL database, for robust data management. DrizzleORM enhances database interactions, ensuring data integrity and reliability.

• Firebase Integration: Store and manage temporary DALL·E image URLs as permanent links in Firebase Database Storage. Ensure seamless retrieval and persistence of AI-generated images.

Technologies

Frontend

• React
• Next.js 13
• TypeScript

Backend

• Neon
• DrizzleORM
• Firebase

AI Integration

• DALL-E
• OpenAI
• Vercel AI SDK

Tools

Tools that I used:

• Clerk: Simplified user authentication and authorization.
• Shadcn: Enhanced user interface and user experience functionality with Shadcn.
• Typewriter-Effect: Added engaging typing animations to the user interface.

Installation

Clone the repository

git clone https://github.com/dannweeeee/notaite.git

Deployment

First install the dependencies with the following command:

npm install

Thereafter run the following command to run NotAIte locally:

npm run dev