Slack App Clone

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

Alt text

Alt text

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

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
Item was Featured Author was Featured
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