{"id":22779301,"url":"https://github.com/fazle-rabbi-dev/rainbownote","last_synced_at":"2026-04-12T00:40:46.704Z","repository":{"id":220812180,"uuid":"735350320","full_name":"fazle-rabbi-dev/Rainbownote","owner":"fazle-rabbi-dev","description":"📝 A vibrant MERN note app with GitHub login, trash management, and public note sharing. Personalize notes with covers, icons, and enjoy the sleek TinyMCE editor. Powered by Vite React, Appwrite, React-Hook-Form, React-Query, and Tailwind CSS. ","archived":false,"fork":false,"pushed_at":"2024-04-12T13:17:48.000Z","size":1261,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-05T15:51:32.009Z","etag":null,"topics":["note-taking-app","notes-app","notion","react","react-app","react-notes-app","vite","vite-react"],"latest_commit_sha":null,"homepage":"https://rainbownote.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/fazle-rabbi-dev.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}},"created_at":"2023-12-24T15:38:42.000Z","updated_at":"2024-03-18T04:46:02.000Z","dependencies_parsed_at":"2024-02-04T14:26:56.211Z","dependency_job_id":"c33a7163-c23c-4cac-9168-57c794c05590","html_url":"https://github.com/fazle-rabbi-dev/Rainbownote","commit_stats":null,"previous_names":["fazle-rabbi-dev/rainbownote"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fazle-rabbi-dev%2FRainbownote","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fazle-rabbi-dev%2FRainbownote/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fazle-rabbi-dev%2FRainbownote/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fazle-rabbi-dev%2FRainbownote/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fazle-rabbi-dev","download_url":"https://codeload.github.com/fazle-rabbi-dev/Rainbownote/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246326789,"owners_count":20759439,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["note-taking-app","notes-app","notion","react","react-app","react-notes-app","vite","vite-react"],"created_at":"2024-12-11T20:08:27.450Z","updated_at":"2026-04-12T00:40:46.657Z","avatar_url":"https://github.com/fazle-rabbi-dev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Rainbownote\n\n\u003cimg width=\"100%\" src=\"/public/rainbownote_cover.jpg\" alt=\"Rainbownote - Thumbnail\" /\u003e\n\nA vibrant MERN note app with GitHub login, trash management, and public note sharing. Personalize notes with covers, icons, and enjoy the sleek TinyMCE editor. Powered by Vite React, Appwrite, React-Hook-Form, React-Query, and Tailwind CSS.\n\n## 🔴 Unveiling the Journey of Building Rainbownote\n\u003e [!Note]\n\u003e I created this note app to practice Appwrite and enhance my React-Query skills. Building this app supercharged my React-Query and Appwrite proficiency. I implemented various features, drawing inspiration from other note-taking apps. I thoroughly enjoyed this project-building journey.\n\n### Project Created at\n- 🗓 *Dec 2023*\n\n### Technologies Used ⚒️\n- Vite + React\n- TailwindCSS\n- React-Query\n- React-Hook-Form\n- Appwrite (for Authentication \u0026 Storage)\n\n### Features\n- 🔐 Authentication with appwrite\n- 🌐 OAuth Provider (Social login with GitHub)\n- ✅ Share note with public by publishing\n- 📝 CRUD operation with note\n- ❤️ Mark note as favourite\n- 🗑️ Move note to trash\n- ↩️ Restore from Trash\n- 🔥 Rich text editor (TinyMCE)\n- 🔍 Search functionality\n- ⚙️ Logout functionality\n- 🖼️ Icon \u0026 cover adding functionality\n\n### Live Demo 🎉\nExplore the live version of Rainbownote [here](https://rainbownote.vercel.app).\n\n## Getting Started 🚀\n\n1. Clone the repository: `git clone https://github.com/yourusername/rainbownote.git`\n2. Install dependencies: `npm install`\n3. Configure Appwrite: Set up your Appwrite backend and update the configuration.\n4. Start the app: `npm run dev`\n5. Setup **.env**\n```.env\nVITE_APPWRITE_URL=https://cloud.appwrite.io/v1\nVITE_APPWRITE_PROJECT_ID=\nVITE_APPWRITE_DATABASE_ID=\nVITE_APPWRITE_STORAGE_ID=\nVITE_APPWRITE_USER_COLLECTION_ID=\nVITE_APPWRITE_NOTE_COLLECTION_ID=\nVITE_MCE_EDITOR_API_KEY=\nVITE_GITHUB_AUTH_SUCCESS_CALLBACK=http://localhost:5173/sign-in?authstatus=success\nVITE_GITHUB_AUTH_FAILURE_CALLBACK=http://localhost:5173/sign-in?authstatus=fail\nVITE_APP_DOMAIN=https://rainbownote.vercel.app\n```\n\n### Contributions 🤝\n\nContributions are welcome! Feel free to fork the repository, open issues, and submit pull requests to enhance Rainbownote further.\n\n\n*Happy note-taking with Rainbownote! 🎈*\n\n### 📬 Connect with me\n\u003e Let's connect! Reach out for collaborations, projects, or just a friendly chat.\n\n\u003ca target=\"_blank\" href=\"https://linkedin.com/in/fazlerabbidev\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/linkedin.svg\" alt=\"Fazle Rabbi\" height=\"30\" width=\"auto\" /\u003e\u003c/a\u003e\n\u003ca target=\"_blank\" href=\"https://twitter.com/fazle_rabbi_dev\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"https://seeklogo.com/images/T/twitter-x-logo-101C7D2420-seeklogo.com.png?v=638258862800000000\" alt=\"Fazle Rabbi\" height=\"30\" width=\"auto\" /\u003e\u003c/a\u003e\n\u003ca target=\"_blank\" href=\"https://medium.com/@fazle-rabbi-dev\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/medium.svg\" alt=\"Fazle Rabbi\" height=\"30\" width=\"auto\" /\u003e\u003c/a\u003e\n\u003ca target=\"_blank\" href=\"https://dev.to/fazle-rabbi-dev\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"https://seeklogo.com/images/D/dev-to-logo-BDC0EFA32F-seeklogo.com.png\" alt=\"Fazle Rabbi\" height=\"30\" width=\"auto\" /\u003e\u003c/a\u003e\n\u003ca target=\"_blank\" href=\"https://facebook.com/fazlerabbidev\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"https://seeklogo.com/images/F/facebook-icon-black-logo-133935095E-seeklogo.com.png\" alt=\"Fazle Rabbi\" height=\"30\" width=\"auto\" /\u003e\u003c/a\u003e\n\u003ca target=\"_blank\" href=\"https://instagram.com/fazle_rabbi_dev\" target=\"blank\"\u003e\u003cimg align=\"center\" src=\"https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/instagram.svg\" alt=\"Fazle Rabbi\" height=\"30\" width=\"auto\" /\u003e\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffazle-rabbi-dev%2Frainbownote","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffazle-rabbi-dev%2Frainbownote","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffazle-rabbi-dev%2Frainbownote/lists"}