{"id":15111881,"url":"https://github.com/vikas350/wechat","last_synced_at":"2026-02-07T18:32:59.942Z","repository":{"id":171866673,"uuid":"613216707","full_name":"Vikas350/WeChat","owner":"Vikas350","description":"A Realtime chat Web Application created using React JS concepts such as State, Effects, Props, Hooks etc using jsx, for designing we use SASS and for backend connectivity and user authentication we use Firebase.","archived":false,"fork":false,"pushed_at":"2023-12-10T10:33:56.000Z","size":4687,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-11T14:57:05.808Z","etag":null,"topics":["firebase-auth","firebase-database","react-components","react-router","reactjs","sass-framework","sass-mixins"],"latest_commit_sha":null,"homepage":"https://stellar-kheer-991a1b.netlify.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/Vikas350.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-03-13T06:14:19.000Z","updated_at":"2024-01-24T04:14:04.000Z","dependencies_parsed_at":"2023-12-10T11:39:11.469Z","dependency_job_id":null,"html_url":"https://github.com/Vikas350/WeChat","commit_stats":null,"previous_names":["vikas350/wechat"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vikas350%2FWeChat","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vikas350%2FWeChat/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vikas350%2FWeChat/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Vikas350%2FWeChat/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Vikas350","download_url":"https://codeload.github.com/Vikas350/WeChat/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247378092,"owners_count":20929293,"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":["firebase-auth","firebase-database","react-components","react-router","reactjs","sass-framework","sass-mixins"],"created_at":"2024-09-26T00:24:07.264Z","updated_at":"2026-02-07T18:32:59.891Z","avatar_url":"https://github.com/Vikas350.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 💬 WeChat : a Realtime based Chat Application\n![a](./src/img/WeChat.png)\n\n## 🔰 About\n### * WeChat is a realtime based chat application for users where user can chat with different registered users.\n\n## ⚙️ Tech Stack Used\n- [React JS](https://reactjs.org/) (States, Effects, Hooks, Props, Function Structure, JSX etc.)\n- [SASS](https://sass-lang.com/) (using SCSS syntax and mixins for designing)\n- [Firebase](https://firebase.google.com/) (For Backend Connectivity with login Authentication and Firestore Database)\n\n## 🌟 Features\n- User can Login/Register on WeChat by just entering first name, email, password and choosing an Avatar.\n- User can chat with differnt users by just searching the user name of other person.\n- You can Send Messages, Emojis and also send Images(\u003c 300kb).\n- No other user can see the chat of between other 2 users.\n- Application is design using SASS framework and it is Fully Responsive.\n- Firebase Authentication is used for Login Activity.\n- All User and Chat Data is Stored in the Firestore Database.\n\n## 🔗 Links\n### * [Source Code](https://github.com/Vikas350/WeChat)\n### * Live Link - [WeChat](https://vikas-wechat.netlify.app/)\n\n## 🔶 Highlights\n- Register Page\n![a](./pics/register.png)\n\n- Login Page\n![b](./pics/login.png)\n\n- Chat Homepage\n![c](./pics/chat.jpeg)\n\n- Fully Responsive\n![d](./pics/phone_chat.jpeg)\n\n## 📄 Credit\n- Vikas Kushwaha\n- Connect with me [LinkedIn](https://linkedin.com/in/vikas-kushwaha-165b95204)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvikas350%2Fwechat","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvikas350%2Fwechat","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvikas350%2Fwechat/lists"}