Notion Clone

A modern Notion clone built with Next.js, TypeScript, and Tailwind CSS.

Features

• 📝 Rich Text Editor
• 🎨 Block-based Content
• 📱 Responsive Design
• 🌙 Dark Mode Support
• 🔄 Real-time Updates
• 📁 Hierarchical Pages

Tech Stack

• Next.js 14
• TypeScript
• Tailwind CSS
• Tiptap Editor
• Zustand
• Hero Icons

Getting Started

1. Clone the repository
2. Install dependencies:

   npm install
   

3. Run the development server:

   npm run dev
   

4. Open http://localhost:3000 in your browser

Project Structure

├── src/
│   ├── app/          # Next.js app directory
│   ├── components/   # React components
│   ├── lib/         # Utilities and helpers
│   ├── store/       # Zustand store
│   └── types/       # TypeScript types

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.