Code Monkey home page Code Monkey logo

notaite's Introduction

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

notaite's People

Contributors

dannweeeee avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.