Coder Social home page Coder Social logo

francoiscoding / slack-clone Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 2.0 7.85 MB

Full-stack chat application with React, Redux, Firebase 5, and Semantic UI React

Home Page: https://react-slack-clone-bed12.web.app/

HTML 3.59% CSS 3.42% JavaScript 93.00%
react css-preprocessors react-components css javascript firebase

slack-clone's Introduction

DevChat

DevChat

A full-stack chat application utilizing React, Redux, Firebase 5, and Semantic UI React

Demo

Here is a working live demo : https://react-slack-clone-bed12.web.app/

Site

Login

Landing Page

Registration

App Color Changer

Avatar Changer

Video Calling

Bug / Feature Request

If you find a bug (the website couldn't handle the query, message and / or gave undesired results), kindly open an issue here by including your search query and the expected result.

If you'd like to request a new function, feel free to do so by opening an issue here. Please include an example/use case for the feature.

Built with

  • Firebase - A comprehensive app development platform
  • React.JS - A JavaScript library for building user interfaces
  • Semantic UI - Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.
  • Redux - A Predictable State Container for JS Apps
  • Moment - A lightweight JavaScript date library for parsing, validating, manipulating, and formatting dates.
  • Emoji-Mart - Emoji Mart is a Slack-like customizable emoji picker component for React
  • Jutsu - A jitsi meet component wrapper and custom hook moulded with react's chakra

To-do

  • Limit App Color Changer Blocks
  • Add music player

Team

Isaiah Francois

slack-clone's People

Contributors

francoiscoding avatar

Stargazers

 avatar

Watchers

 avatar

slack-clone's Issues

Admin functionality/Requests for joining Channels and for sending messages to other users

Hey, I was working on something similar for a project with all the features, utilizing the same languages and frameworks or platforms(React, firebase, Redux etc).

I looked around for similar implementations of this slack-clone, and while I've noticed a few other unique ones done in other languages. Most were done utilizing the same ones, and pretty much contained the same features or less. Your's is the first one I've come across with something new, the video calling feature.

Since you are open to feature requests, could I request adding an admin user with admin dashboard/page? I've got some basic admin check and functionality(checking if a user is admin and allowing only admins to create channels) in my own project but I'm a beginner so I could use some help.

The admin panel could have functionalities like adding new users or deleting them, managing messages & files etc. For requests I meant something like a user having to send a request to join a channel before and then being approved before being able to access it, same with the dms to other users.

Any help on these kind of functionalities would be appreciated.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.