Skip to content
/ Noted Public

A modern React-based note-taking app for creating, organizing and managing personal notes with search functionality and responsive design.

Notifications You must be signed in to change notification settings

ujandey/Noted

Repository files navigation

📝 Noted — The Game-Changing Note & Drawing App

Noted is a powerful and beautifully designed productivity tool that redefines how you take notes, draw ideas, brainstorm, design UI/UX, and express creativity. Inspired by the best of Notion and Excalidraw, but built to go beyond.

🚀 “Noted is where notes, sketches, ideas, and imagination collide — all in one creative canvas.”


✨ Features

  • 📒 Box-Style Notes — Create, edit, delete notes in draggable, colored cards
  • 🎨 Excalidraw-like Canvas — Draw freely, add shapes, text, and save drawings inside notes
  • 💾 Local Persistence — Everything is saved in your browser using localStorage
  • 🎯 No Navbar. No Footer. Just Focus. — Unique layout that skips the clutter
  • 📱 Mobile + Desktop Ready — Responsive design with adaptive drawing tools
  • 💡 Minimal but Magical UX — Glowing cards, playful buttons, custom icons (like donuts 🍩)
  • 🌈 Gorgeous Colors — Vibrant but productive color schemes for creativity & clarity
  • Instant Load — No sign-up, no loading screen. It just works.

🎨 Preview

Noted UI Screenshot


🔧 Tech Stack

  • 🧠 React (via CDN or modern setup)
  • 🎨 HTML5 Canvas or SVG for drawing
  • 💅 CSS3 or TailwindCSS for unique styles
  • 📦 localStorage for saving notes and drawings

📐 Roadmap

  • MVP: Notes + Drawing + Responsive UI
  • ✨ Templates for Notes
  • ☁️ Cloud Sync (Supabase/Firebase)
  • 🧠 AI Summaries & Smart Blocks
  • 🔗 Shareable Notes & Embeds
  • 🐱‍👤 Offline PWA Support
  • 🖼️ Export Notes & Drawings as Image/PDF

🚀 Run Locally

Just open index.html in your browser — no setup required.
Or deploy it instantly on Vercel, Netlify, or GitHub Pages.


🧠 Philosophy

We didn’t want to make another boring productivity tool with a navbar and footer.
Noted is built for people who think differently — students, designers, educators, developers, and dreamers.

“The goal isn’t just to take notes. It’s to think visually, freely, and beautifully.”


❤️ Contributing

Want to add features, shapes, or chaos?
Feel free to fork this project, create a pull request, or open an issue!


🐾 Credits


📜 License

MIT License — use freely, build wildly.


Made with ☕, 🍩, and a ridiculous amount of tabs open.

About

A modern React-based note-taking app for creating, organizing and managing personal notes with search functionality and responsive design.

Topics

Resources

Stars

Watchers

Forks