Skip to content

Carlosaj18/Slack-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Contributors Forks Stargazers Issues LinkedIn


Logo

Slack Clone

Designed to emulate the essence of Slack, this project recreates the intuitive and collaborative interface of the professional communication platform.
Explore the docs »

View Demo · Report Bug · Request Feature


🌟 About the Project

Replicating the essence of Slack's web version, this project emulates the intuitive design of the platform. Offering seamless communication and collaboration features, this Slack web clone is built to mirror its user-friendly interface and efficient messaging system, providing an immersive experience akin to the original Slack application.

Project Technological Stack:

  • React.js: A JavaScript library for building user interfaces efficiently.
  • Firebase: A comprehensive platform providing various tools and services for building web and mobile applications.
  • Redux: A predictable state container for JavaScript apps, aiding in managing application state.



Firebase React MaterialUi Redux MaterialUi

Features:

  • Real-time Messaging: Utilize Firebase's real-time database to enable instant messaging and updates within channels and direct messages.
    
  • User Authentication: Implement Firebase Authentication to manage user logins, registrations, and secure access to channels.
    
  • State Management with Redux: Employ Redux to efficiently manage application-wide state, ensuring seamless data handling across the platform.
    
  • Channel Creation and Management: Allow users to create, join, and manage channels for different teams or topics.
    
  • Message Threads: Support threading to organize and manage discussions within channels, enhancing conversation context.
    
  • Integration Capabilities: Implement Firebase functionalities to support third-party integrations or extensions.
    

Getting Started

1. Download Node.js and npm (follow instructions here)

2. Git clone and cd into the repo folder:

https://github.com/Carlosaj18/Slack-Clone

3. Install all dependencies

npm install

4. Run the client

npm start
#for deployed version

npm run dev
#for deployed version

5. Access the project in your browser at https://localhost:3000


Demo & Showcasing:

📷 Screenshots

262249757-78f0a6f9-efea-4b91-b8d7-558bca35a97e

🤝 Contact

Let's Connect!

Twitter badge Linkedin badge Gmail badge Github badge