This repository contains the code for Jotion, a fullstack Notion clone built with Next.js 13, React, Convex, and Tailwind. The project includes a variety of features to enhance your note-taking and collaboration experience.
-
๐ Real-time Database: Keep your data synchronized across users in real-time.
-
โ๏ธ Notion-Style Editor: Enjoy a familiar editing interface inspired by Notion.
-
๐ Light and Dark Mode: Choose between light and dark themes for a comfortable reading experience.
-
๐ Infinite Children Documents: Create a hierarchical structure with unlimited child documents.
-
๐๏ธ Trash Can & Soft Delete: Safely remove and recover your documents with soft delete functionality.
-
๐ Authentication: Secure your data with user authentication.
-
๐ค File Management:
- File Upload
- File Deletion
- File Replacement
-
๐ผ๏ธ Icons for Each Document: Experience dynamic real-time icon changes for each document.
-
๐ Expandable Sidebar: Easily navigate your workspace with an expandable sidebar.
-
๐ฑ Full Mobile Responsiveness: Access Jotion seamlessly on various devices.
-
๐ Publish to the Web: Share your notes with the world by publishing them to the web.
-
โฌ ๏ธ Fully Collapsible Sidebar: Maximize your workspace with a fully collapsible sidebar.
-
๐ Landing Page: Welcome users with a landing page for a smooth onboarding experience.
-
๐ Cover Image for Each Document: Personalize your documents with cover images.
-
โฉ๏ธ Recover Deleted Files: Restore accidentally deleted files from the trash.
Ensure that you have Node.js version 18.x.x installed.
git clone https://github.com/jurecapuder/jotion.git
npm i
# Deployment used by `npx convex dev`
CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
EDGE_STORE_ACCESS_KEY=
EDGE_STORE_SECRET_KEY=
npx convex dev
npm run dev
Feel free to contribute by opening issues, suggesting features, or submitting pull requests. Your input is valuable!
This project is licensed under the MIT License.