https://github.com/bojkoj/nextjs-noteit

Notion clone "NoteIt" in Next.js
https://github.com/bojkoj/nextjs-noteit

clerk convex edgestore nextjs shadcn-ui tailwindcss typescript

Last synced: 19 days ago
JSON representation

Notion clone "NoteIt" in Next.js

• Host: GitHub
• URL: https://github.com/bojkoj/nextjs-noteit
• Owner: BojkoJ
• Created: 2023-10-25T11:25:14.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-11-29T11:21:25.000Z (about 1 year ago)
• Last Synced: 2024-12-06T01:12:13.774Z (3 months ago)
• Topics: clerk, convex, edgestore, nextjs, shadcn-ui, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://nextjs-noteit.vercel.app
• Size: 752 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

  

  


    
NoteIt

    
Next-Gen Note-Taking App

    
NoteIt is a Next.js application that provides a user-friendly platform for taking, organizing, and sharing notes. Inspired by Notion, NoteIt offers a comprehensive set of features to streamline your note-taking experience.

    
Key Features

    


      
Create and manage notes with ease

      
Set note icons and background images

      
Utilize structured notes for enhanced organization

      
Share notes with others for collaborative work

      
Create sub-notes to organize complex information

      
Search notes efficiently to find what you need

      
Toggle between light and dark mode for personalized viewing

    

    
Technologies

    


      


Next.js 13: A powerful React framework for building server-side rendered applications

      


Convex Real-time database: A scalable and reliable database for real-time data synchronization

      


Clerk Authentication: A secure and user-friendly authentication system

      


TypeScript: A superset of JavaScript that ensures type safety

      


LucideReact: A comprehensive icon library for React applications

      


ShadCN UI Components: A collection of reusable and customizable UI components

      


EdgeStore: A cloud-based storage solution for image uploading

      


BlockNote text editor: A versatile text editor for creating structured notes

    

    
User Experience

    
NoteIt provides a seamless and intuitive user experience, allowing you to effortlessly capture, organize, and share your ideas.

    
Create and Manage Notes

    
Simply click the "New Page" button to start jotting down your thoughts. Edit, organize, and delete notes with ease.

    
Customize Note Appearance

    
Personalize your notes by setting icons and background images that reflect your style or content.

    
Structure Your Notes

    
Utilize the BlockNote text editor to create structured notes with headings, lists, and code blocks.

    
Share Notes

    
Collaborate with others by sharing notes with them.

    
Organize with Sub-notes

    
Create sub-notes (child notes) to organize complex information in a hierarchical structure.

    
Search and Find

    
Easily search through your notes using the powerful search bar.

    
Light and Dark Modes

    
Switch between light and dark mode to suit your preferred viewing experience.

    
Getting Started

    
To run NoteIt on your local enviroment, follow these steps:

    


      
Clone the repository: git clone [repository_url] 



      
Install dependencies: npm install



      
Create a .env.local file and add your Convex,Clerk and EdgeStore credentials

      
Start the development server: npm run dev



      
Generate convex functions: npx convex dev