NAVID

NotionFrontend

I cloned notion productivity app and added real-time collaborative whiteboard to it. Real-time text-editor, pages and subpages, workspaces and auth using AuthJs

authjsblocknotejses6nextjsprisma-clientprisma-ormreact19roughjssocket-io-clienttypescript
1
Stars
0
Forks
1
Watchers
Updated Sep 5, 2025

README

TypeScript

NotionFrontend

A clone of the Notion productivity app with added real-time collaborative features. This application includes a real-time text editor, pages and subpages, workspaces, and authentication using Auth.js.

Features

  • Real-Time Collaborative Whiteboard: Collaborate with others in real-time on a shared whiteboard.
  • Real-Time Text Editor: Edit documents simultaneously with others.
  • Pages and Subpages: Organize your content hierarchically with pages and subpages.
  • Workspaces: Manage different projects and teams within separate workspaces.
  • Authentication: Secure user authentication using Auth.js.

Technologies Used

  • Frontend: React, Next.js, Tailwind CSS
  • Backend: Node.js, Express
  • Authentication: Auth.js

Screenshots

image *Home Page* image *Text Editor* image *Collaborative Whiteboard*

Installation

Clone the repository:

bash
git clone https://github.com/Navidreza80/NotionFrontend.git
cd NotionFrontend
npm install
npm run dev

Project data fetched from GitHub API