Adso

Adso - Modern Note-Taking Application

Adso is a feature-rich, Notion-like note-taking application built with Next.js, allowing you to create, organize, and share documents with a clean, intuitive interface.

Features

• Rich Text Editor: Create and edit documents with a powerful block-based editor
• Document Organization: Organize your notes with a sidebar navigation system
• Real-time Collaboration: Changes sync instantly with Convex backend
• Light/Dark Mode: Toggle between light and dark themes
• Cover Images: Add beautiful cover images to your documents
• Icon Customization: Personalize documents with custom icons
• User Authentication: Secure login with Clerk authentication
• File Storage: Upload and store images with EdgeStore
• Responsive Design: Works seamlessly across desktop and mobile devices

Tech Stack

• Frontend: Next.js 15, React 19, TypeScript, Tailwind CSS
• Backend: Convex (for real-time database)
• Authentication: Clerk
• Editor: BlockNote
• File Storage: EdgeStore
• Styling: Tailwind CSS, Radix UI

Usage

• Create a document: Click the "+ New Document" button in the sidebar
• Edit content: Click on any document to open the editor
• Add cover image: Use the cover image tool in the editor toolbar
• Customize icon: Click the icon picker to change document icons
• Publish your work: Use the "Publish" button to share your work easily via the provided preview link
• Toggle theme: Use the theme toggle in the navbar

Try it out here!

You can find the source code on my Github.