{"id":20879985,"url":"https://github.com/mirayatech/chat-app","last_synced_at":"2026-02-11T12:39:29.706Z","repository":{"id":62099216,"uuid":"555225258","full_name":"mirayatech/Chat-App","owner":"mirayatech","description":"💬 Realtime chat app, built with react, typescript, firebase and other technologies.","archived":false,"fork":false,"pushed_at":"2023-08-30T15:17:28.000Z","size":3378,"stargazers_count":6,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2023-08-31T01:14:12.409Z","etag":null,"topics":["chat","chatapp","firebase","react","realtime-messaging","styled-components","typescript","ui","ux","whatsapp"],"latest_commit_sha":null,"homepage":"https://sabito.vercel.app","language":"TypeScript","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/mirayatech.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}},"created_at":"2022-10-21T07:04:35.000Z","updated_at":"2023-08-22T09:13:18.000Z","dependencies_parsed_at":"2023-02-09T23:00:26.368Z","dependency_job_id":null,"html_url":"https://github.com/mirayatech/Chat-App","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirayatech%2FChat-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirayatech%2FChat-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirayatech%2FChat-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mirayatech%2FChat-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mirayatech","download_url":"https://codeload.github.com/mirayatech/Chat-App/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225142337,"owners_count":17427414,"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":["chat","chatapp","firebase","react","realtime-messaging","styled-components","typescript","ui","ux","whatsapp"],"created_at":"2024-11-18T07:18:32.381Z","updated_at":"2026-02-11T12:39:24.638Z","avatar_url":"https://github.com/mirayatech.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"### Sabito - Chat App  ⤵\n \nSabito is a realtime chat app, built with react, typescript, firebase and other technologies. My inspiration came from [Whatsapp](https://web.whatsapp.com/) and [Messenger](https://www.messenger.com/).\n\n### 🚀 - Features\n\n- Sign in with Google \n- Create conversations (private, group)\n- Allow sending\n  - Text\n  - File \n  - Image\n- Reply to message\n- Drop file to upload\n- Notify to unseen messages\n- Send reactions to message \n- Show if user has seen message\n- Detect link an add an anchor to it\n- View conversations images and files\n- Change group name or group profile picture\n \n\n\n### 📚 - What I've learned \n\n- Focused a lot on the UX\n- Managing indexes in Firebase\n- Formatting TimeStamp into [day.js](https://github.com/iamkun/dayjs)\n- Creating custom hooks (Specifically for Firebase)\n- And much more...\n\n\n### 🛠️ - Main technologies \n`React` \u0026nbsp;`Firebase` \u0026nbsp;`TypeScript` \u0026nbsp;`Styled Components` \u0026nbsp;`Framer Motion` \u0026nbsp;`Vite` \n\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ch3\u003e 🎥 - Demo Video \u003c/h3\u003e\u003c/summary\u003e\n\u003cvideo src=\"https://user-images.githubusercontent.com/71933266/198516784-c6451523-5afe-4bf0-afad-da1042728fe7.mp4\" controls=\"controls\" style=\"max-width: 730px;\"\u003e\n\u003c/video\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003ch3\u003e 📸 - Demo Images \u003c/h3\u003e\u003c/summary\u003e\n\n#\n\n![chat0](https://user-images.githubusercontent.com/71933266/198517753-d5b9ee0d-3d99-4518-bbbb-62e187b1c96b.png)\n\n#\n\n![chat1](https://user-images.githubusercontent.com/71933266/198517298-0a97a962-9dac-4670-acba-fb0dc0d6f762.png)\n\n#\n\n![chat2](https://user-images.githubusercontent.com/71933266/198518527-34e3fcb8-43c0-4167-a207-7ae96f07e4d7.jpg)\n\n#\n\n![chat3](https://user-images.githubusercontent.com/71933266/198517309-ea3a4c12-1bff-4b56-9feb-0476ef4fb094.png)\n\n#\n\n![chat4](https://user-images.githubusercontent.com/71933266/198517327-4b68e276-f0f1-484f-9764-17951b75d91c.png)\n\n#\n\n![chat6](https://user-images.githubusercontent.com/71933266/198517334-ec91f0db-76e0-4071-893f-3f6ff8b11992.png)\n\n#\n\n![chat7](https://user-images.githubusercontent.com/71933266/198517350-dbf142ee-9eac-442e-9c81-7dafea269c2e.png)\n\n#\n\n![chat8](https://user-images.githubusercontent.com/71933266/198517365-fc7871c8-a243-4cb4-baad-ca94b82f21c0.png)\n\n#\n\n![chat9](https://user-images.githubusercontent.com/71933266/198517385-3a375e4c-5efb-47b1-9385-f455f59d7516.png)\n\n\n\u003c/details\u003e\n\n\n\n\n\n\n \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmirayatech%2Fchat-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmirayatech%2Fchat-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmirayatech%2Fchat-app/lists"}