{"id":31622934,"url":"https://github.com/sagarika311/real-time-chat-application-with-appwrite","last_synced_at":"2026-04-08T18:02:04.915Z","repository":{"id":317550774,"uuid":"1067897323","full_name":"Sagarika311/Real-Time-Chat-Application-with-Appwrite","owner":"Sagarika311","description":"Modern Chat App with React + Appwrite — A full-stack chat application with authentication, dark mode, toast notifications, and responsive UI built using React, TailwindCSS, and Appwrite.","archived":false,"fork":false,"pushed_at":"2025-10-02T15:00:48.000Z","size":3713,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-10T09:46:35.244Z","etag":null,"topics":["appwrite","authentication","chat-app","full-stack","protected-routes","react","react-18","react-router","tailwindcss","web-app"],"latest_commit_sha":null,"homepage":"https://real-time-chat-application-with-app.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/Sagarika311.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-01T14:46:13.000Z","updated_at":"2025-10-02T15:00:51.000Z","dependencies_parsed_at":"2025-10-02T14:00:52.836Z","dependency_job_id":null,"html_url":"https://github.com/Sagarika311/Real-Time-Chat-Application-with-Appwrite","commit_stats":null,"previous_names":["sagarika311/real-time-chat-application-with-appwrite"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Sagarika311/Real-Time-Chat-Application-with-Appwrite","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sagarika311%2FReal-Time-Chat-Application-with-Appwrite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sagarika311%2FReal-Time-Chat-Application-with-Appwrite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sagarika311%2FReal-Time-Chat-Application-with-Appwrite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sagarika311%2FReal-Time-Chat-Application-with-Appwrite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sagarika311","download_url":"https://codeload.github.com/Sagarika311/Real-Time-Chat-Application-with-Appwrite/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sagarika311%2FReal-Time-Chat-Application-with-Appwrite/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","authentication","chat-app","full-stack","protected-routes","react","react-18","react-router","tailwindcss","web-app"],"created_at":"2025-10-06T17:38:18.117Z","updated_at":"2026-04-08T18:02:04.908Z","avatar_url":"https://github.com/Sagarika311.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🔐 Chat App with Authentication (React + Appwrite)\n\nA modern **chat application** built with **React, Appwrite, and TailwindCSS** featuring user authentication, real-time chat UI, dark mode, and toast notifications.\n\n🚀 This project demonstrates **full-stack integration** of authentication, protected routes, and interactive UI components with a clean developer experience.\n\n---\n\n## ✨ Features\n\n* 🔑 **User Authentication** (Login/Signup with Appwrite)\n* 📧 **Email Verification** (toggleable with `SKIP_EMAIL_VERIFICATION`)\n* 🌙 **Dark Mode Toggle** (persistent via `localStorage`)\n* 💬 **Chat UI** with responsive **Sidebar + Chat Window**\n* 🔔 **Toast Notifications** (success, error, info)\n* 🔄 **Loading State Handling** with animated spinner\n* 🛡 **Protected Routes** with `react-router-dom`\n* 🎨 **Modern UI/UX** with TailwindCSS\n\n---\n\n## 🛠 Tech Stack\n\n* **Frontend:** React 18, React Router\n* **Backend/Auth:** [Appwrite](https://appwrite.io)\n* **Styling:** TailwindCSS + Dark Mode Support\n* **Icons:** Lucide React\n* **State Management:** React Hooks (`useState`, `useEffect`)\n\n---\n\n## 📂 Project Structure\n\n```\n├── src/\n│   ├── components/\n│   │   ├── AuthForm.jsx      # Login/Register form\n│   │   ├── Sidebar.jsx       # Sidebar with user info + logout\n│   │   ├── ChatWindow.jsx    # Main chat window\n│   │   └── Toast.jsx         # Toast notification system\n│   ├── lib/\n│   │   └── appwrite.js       # Appwrite client configuration\n│   ├── App.jsx               # Root app with routes\n│   └── index.js              # React entry point\n├── public/\n├── package.json\n└── tailwind.config.js\n```\n\n---\n\n## ⚙️ Setup \u0026 Installation\n\n### 1️⃣ Clone the repository\n\n```bash\ngit clone https://github.com/Sagarika311/chat-app.git\ncd chat-app\n```\n\n### 2️⃣ Install dependencies\n\n```bash\nnpm install\n```\n\n### 3️⃣ Configure Appwrite\n\n* Create a project in [Appwrite Cloud](https://cloud.appwrite.io) or self-hosted Appwrite.\n* Set up **Authentication** with Email/Password.\n* Replace credentials in `src/lib/appwrite.js`.\n\n### 4️⃣ Run the app\n\n```bash\nnpm start\n```\n\n---\n\n## 🚧 Environment Variables\n\nCreate a `.env` file in the project root:\n\n```env\nVITE_APPWRITE_ENDPOINT=https://cloud.appwrite.io/v1\nVITE_APPWRITE_PROJECT_ID=your_project_id\n```\n\n---\n\n## 📸 Screenshots\n\n| Auth Pages                   | Chat UI                       |\n| ---------------------------- | ----------------------------- |\n| ![Login](src/assets/login.png) ![Signup](src/assets/signup.png) | ![Chat Light](src/assets/chat-light.png) ![Chat Dark](src/assets/chat-dark.png) |\n\n---\n\n## 🌟 Future Improvements\n\n* ✅ Real-time chat with Appwrite Realtime API\n* ✅ User avatars + profile management\n* ✅ Group chats \u0026 DMs\n\n---\n\n## 📜 License\n\nThis project is licensed under the **MIT License**.\n\n---\n\n## 👩‍💻 Author\n\nMade with ❤️ by [Sagarika](https://github.com/Sagarika311)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsagarika311%2Freal-time-chat-application-with-appwrite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsagarika311%2Freal-time-chat-application-with-appwrite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsagarika311%2Freal-time-chat-application-with-appwrite/lists"}