{"id":28929622,"url":"https://github.com/hasnaintypes/note-flow","last_synced_at":"2026-04-08T18:02:44.307Z","repository":{"id":283996210,"uuid":"953510639","full_name":"hasnaintypes/note-flow","owner":"hasnaintypes","description":"NoteFlow is a modern, user-friendly note-taking application built with React and Appwrite. It provides an intuitive and seamless experience for managing notes, allowing users to organize their thoughts efficiently with features like draggable notes, autosave, and customizable colors.","archived":false,"fork":false,"pushed_at":"2025-07-03T00:40:58.000Z","size":22281,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-01-03T17:16:24.002Z","etag":null,"topics":["appwrite","notes-app","react","reactjs","tailwindcss","vite"],"latest_commit_sha":null,"homepage":"https://note-flow-black.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hasnaintypes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-03-23T14:38:42.000Z","updated_at":"2025-07-03T00:41:03.000Z","dependencies_parsed_at":null,"dependency_job_id":"f5be8eb1-a4e3-48f0-b81e-12541e1b146d","html_url":"https://github.com/hasnaintypes/note-flow","commit_stats":null,"previous_names":["nainee99/note-flow","hasnaintypes/note-flow"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hasnaintypes/note-flow","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hasnaintypes%2Fnote-flow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hasnaintypes%2Fnote-flow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hasnaintypes%2Fnote-flow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hasnaintypes%2Fnote-flow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hasnaintypes","download_url":"https://codeload.github.com/hasnaintypes/note-flow/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hasnaintypes%2Fnote-flow/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31567227,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["appwrite","notes-app","react","reactjs","tailwindcss","vite"],"created_at":"2025-06-22T15:00:53.362Z","updated_at":"2026-04-08T18:02:44.284Z","avatar_url":"https://github.com/hasnaintypes.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NoteFlow\n\n## 📝 Overview\n\nNoteFlow is a modern, user-friendly note-taking application built with React and Appwrite. It provides an intuitive and seamless experience for managing notes, allowing users to organize their thoughts efficiently with features like draggable notes, autosave, and customizable colors.\n\n![NoteFlow Demo](demo.gif)\n\n## 🚀 Features\n\n- **Production Database** – All notes are stored securely in a live production-ready database.\n- **Draggable Notes** – Drag and drop notes anywhere on the screen for better organization.\n- **Autosave Changes** – Changes to note content and position are automatically saved in real time.\n- **Color Picker** – Customize notes by changing their colors anytime.\n\n## 🏗️ Tech Stack\n\n### Frontend:\n\n- React JS\n- Tailwind CSS (for styling)\n\n### Backend:\n\n- Appwrite (Database, Authentication, Storage)\n\n## 📦 Installation\n\nTo run NoteFlow locally, follow these steps:\n\n### 1️⃣ Clone the Repository\n\n```sh\ngit clone https://github.com/nainee99/NoteFlow.git\ncd note-flow\n```\n\n### 2️⃣ Install Dependencies\n\n```sh\nnpm install\n# or\nyarn install\n```\n\n### 3️⃣ Set Up Appwrite\n\n1. Install and configure [Appwrite](https://appwrite.io/docs/installation) on your server.\n2. Create a new project and configure the necessary database and collections.\n3. Set up authentication if required.\n4. Add your Appwrite credentials to an `.env` file:\n\n```sh\nVITE_APPWRITE_PROJECT_ID=your_project_id\nVITE_APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1\nVITE_APPWRITE_DATABASE_ID=your_database_id\nVITE_APPWRITE_COLLECTION_ID=your_collection_id\n```\n\n### 4️⃣ Run the App\n\n```sh\nnpm run dev\n# or\nyarn dev\n```\n\nThe application will be available at `http://localhost:5173` (if using Vite).\n\n## 📌 Roadmap\n\nFuture enhancements may include:\n\n- **Markdown Support** for rich-text notes.\n- **Collaboration** to allow multiple users to edit notes in real time.\n- **Search \u0026 Filter** functionality for better note organization.\n- **Offline Mode** for taking notes without an internet connection.\n\n## 🤝 Contributing\n\nContributions are welcome! To contribute:\n\n1. Fork the repository.\n2. Create a new branch.\n3. Make your changes.\n4. Submit a pull request.\n\n## 🛡️ License\n\nThis project is licensed under the MIT License. See the `LICENSE` file for details.\n---\n\nHappy Coding! 🚀\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhasnaintypes%2Fnote-flow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhasnaintypes%2Fnote-flow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhasnaintypes%2Fnote-flow/lists"}