{"id":15041516,"url":"https://github.com/imransilvake/slack-app-clone","last_synced_at":"2025-04-14T20:21:54.747Z","repository":{"id":156179382,"uuid":"157076278","full_name":"imransilvake/slack-app-clone","owner":"imransilvake","description":"A Full-stack chat application from Frontend to Backend with React, Redux, Firebase, and custom SCSS Framework.","archived":false,"fork":false,"pushed_at":"2020-09-04T07:14:23.000Z","size":4632,"stargazers_count":10,"open_issues_count":1,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-28T08:41:17.934Z","etag":null,"topics":["create-react-app","firebase","i18next","lodash","material-ui","moment","react","react-color","react-scroll","redux","scss-framework"],"latest_commit_sha":null,"homepage":"https://slack-app-clone.netlify.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/imransilvake.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2018-11-11T12:15:29.000Z","updated_at":"2024-07-27T02:44:49.000Z","dependencies_parsed_at":null,"dependency_job_id":"6cd4fb95-2232-416f-8513-86d1ffb661f0","html_url":"https://github.com/imransilvake/slack-app-clone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imransilvake%2Fslack-app-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imransilvake%2Fslack-app-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imransilvake%2Fslack-app-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imransilvake%2Fslack-app-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imransilvake","download_url":"https://codeload.github.com/imransilvake/slack-app-clone/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248952454,"owners_count":21188445,"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":["create-react-app","firebase","i18next","lodash","material-ui","moment","react","react-color","react-scroll","redux","scss-framework"],"created_at":"2024-09-24T20:46:11.323Z","updated_at":"2025-04-14T20:21:54.720Z","avatar_url":"https://github.com/imransilvake.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Slack App Clone\nA Full-stack chat application from Frontend to Backend with React, Redux, Firebase, and custom SCSS Framework.\n- State management with Redux, with simple, straightforward patterns\n- Essential features of React Router 4 (Switch component, withRouter HOC, History object)\n- User authentication with Firebase (Register \u0026 Login)\n- Form validations for our Register \u0026 Login forms\n- Create Public Channels\n- Send and receive messages instantly with the real-time Firebase Database\n- Upload and Display image in messages using Firebase Storage\n- Starred / un-starred public channels\n- Show Channel Information with top active users\n- Create and Upload user avatars\n- Allow user to change their status: Active, Away, Busy, Offline\n- Change App theme using React Color picker\n\n\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"preview-01.png\" width=\"100%\"\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"preview-02.png\" width=\"100%\"\u003e\n\u003c/p\u003e\n\n\n## Content\n- [X] Authentication with Firebase\n\t- Sign-up with Form Validation\n\t- Login with Form Validation\n- [X] Implement Public Channels\n- [X] Implement Message System\n\t- Add Message to a Channel\n\t- Show a List of Messages in a Channel\n\t\t- Layout Design\n\t\t- Implement Infinite Scrolling\n\t- Add Image with/without Message to a Channel\n- [X] Add User Status\n- [X] Add Colors\n- [X] Starred/Un-starred Public Channels\n- [X] Show Channel Information\n\t- Show Top Posters\n\t- Channel Description\n- [X] Support Internationalization (i18n)\n\n\n## Libraries and Frameworks\n#### Internal\n- [X] [SCSS Framework](https://github.com/imransilvake/SCSS-Framework)\n\n#### External \n- [X] [Create React App](https://github.com/facebook/create-react-app)\n- [X] [Redux](https://redux.js.org/)\n- [X] [Redux Devtools Extension](https://github.com/zalmoxisus/redux-devtools-extension)\n- [X] [Translation](https://github.com/i18next/react-i18next)\n- [X] [Firebase](https://firebase.google.com/)\n- [X] [Material-UI](https://material-ui.com/)\n- [X] [Lodash](https://github.com/lodash/lodash)\n- [X] [Moment](https://momentjs.com/)\n- [X] [Classnames](https://github.com/JedWatson/classnames)\n- [X] [React Scroll](https://github.com/fisshy/react-scroll)\n- [X] [React Color](https://casesandberg.github.io/react-color/)\n\n\n## Requirements\n```\nnode version 10\n```\n\n\n## Information\nCheck [React-Seed](https://github.com/imransilvake/React-Seed) to understand how to build and serve this project as well as how to use SCSS and JS linting.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimransilvake%2Fslack-app-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimransilvake%2Fslack-app-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimransilvake%2Fslack-app-clone/lists"}