vibha546 / ztm-notion-clone

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Zero To Mastery - React TypeScript Course. Notion Clone.

05 Basic Implementation-cropped

Notion-like app that allows users to create notes and organize them in a tree structure.

Features

  • Authentication
  • Create, update and delete notes
  • Create, update and delete images
  • Reorder notes
  • Change page title
  • Change page cover image
  • Create, update and delete pages

Tech Stack

The app is generated with Vite and uses the following technologies:

  • React
  • TypeScript
  • DndKit (drag and drop)
  • CSS Modules
  • Supabase (database, authentication, storage)
  • Netlify (hosting)

Running the app

To run the app locally, you need to create a Supabase project and add the following environment variables to your .env file:

VITE_SUPABASE_URL=""
VITE_SUPABASE_API_KEY=""

Then run the following commands:

npm install
npm run dev

About


Languages

Language:TypeScript 86.6%Language:CSS 11.1%Language:JavaScript 1.2%Language:HTML 1.0%