Fullstack Notes App: Next.js 13, React, Convex, Tailwind |

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

Key Features

• 🔄 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.

Prerequisites

Node version 18.x.x

Install packages

npm i

Setup .env file

# 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=

Setup Convex

npx convex dev

Start the app

npm run dev