Slack App Clone
A Full-stack Chat application from Frontend to Backend with React, Redux, Firebase, and custom SCSS Framework.
- State management with Redux, with simple, straightforward patterns
- Essential features of React Router 4 (Switch component, withRouter HOC, History object)
- Support Internationalization (i18n)
- User authentication with Firebase (Register & Login)
- Form validations for our Register & Login forms
- Create Public Channels
- Send and receive messages instantly with the real-time Firebase Database
- Upload and Display Image in messages using Firebase Storage
- Creating and uploading user avatars
- Starred / un-starred public channels
- Tracking / showing when users are online / offline
Check out more preview images: Gallery
Content
- Authentication with Firebase
- Sign-up with Form Validation
- Login with Form Validation
- Implement Public Channels
- Implement Message System
- Add Message to a Channel
- Show Messages
- Layout Messages
- Implement Infinite Scrolling
- Add Media to Messages
- Add User Status
- Add Colors
- Starred/Un-starred Public Channels
- Show Channel Information
- Show Top Posters
- Channel Description
Libraries and Frameworks
Internal
External
- Create React App
- Redux
- Redux Devtools Extension
- Translation
- Firebase
- Material-UI
- Lodash
- Moment
- Classnames
- React Scroll
- React Color
Information
Check React-Seed to understand how to build and serve this project as well as how to use SCSS and JS linting.
New
(21)
• Released: Aug 07, 2019, 07:42 PM
Slack App Clone
Author: imransilvake
FREE
A Full-stack chat application from Frontend to Backend with React, Redux, Firebase, and custom SCSS Framework. size
git clone https://github.com/imransilvake/Slack-App-Clone.git