Clarity begins with a note.
NOTE IT. BUILD IT!
Welcome to NoteFlow – a modern, thinkers, and doers. Effortlessly capture, organize, and revisit your ideas with a beautiful, lightning-fast interface.
Made entirely by Sujeeth.
- Notebooks & Notes: Create, edit, and delete notebooks with ease. Each note is auto-saved as you type.
- Rich Text Editing: Powered by TipTap, enjoy headings, lists, bold, italic, underline, and more.
- Typewriter Inspiration: Motivational typewriter effect to keep you in the flow.
- Beautiful Animations: Smooth transitions and delightful UI, thanks to framer-motion.
- Cloud Sync & Auth: Secure authentication with Clerk and cloud database via Drizzle ORM.
- Mobile-Ready: Responsive design for note-taking on the go.
-
Clone the repo:
git clone https://github.com/yourusername/noteflow.git cd noteflow -
Install dependencies:
npm install # or yarn install -
Set up environment variables:
Create a
.envfile in the root with the following (see.env.exampleif available):DATABASE_URL=your_postgres_connection_string CLERK_SECRET_KEY=your_clerk_secret_key GITHUB_TOKEN=your_github_token_for_openai -
Run the development server:
npm run dev # or yarn dev -
Open your browser:
Visit https://note-it-mu.vercel.app and start typing!
- Framework: Next.js 15
- Database: PostgreSQL + Drizzle ORM
- Auth: Clerk
- UI: Tailwind CSS, Framer Motion, TipTap, Lucide Icons
npm run dev– Start the dev servernpm run build– Build for productionnpm run start– Start the production servernpm run lint– Lint the codebase
Pull requests are welcome! For major changes, please open an issue first to discuss what you'd like to change.
"Clarity begins with a note. Start your flow with NoteFlow."