Skip to content

dannweeeee/notaite

Repository files navigation

NotAIte - AI Note-Taking Tool

Screenshot 2023-10-13 at 12 25 45 AM

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