Git Product home page Git Product logo

roshan0708 / metalk Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 1.0 298 KB

A Full Stack feature-rich chat application using React and Redux powered by Firebase🚀 This is an attempt to replicate all the features and functionalities of Slack🤖

HTML 1.27% JavaScript 97.01% CSS 1.23% Shell 0.49%
react redux firebase firebase-realtime-database firebase-storage firebase-authentication css3 semantic-ui-react semantic-ui-css react-router-dom react-redux slack-clone

metalk's Introduction

custom image

Project MeTalk🚀

Making online conversations simpler

Table of Contents

About The Project

project_img

Homepage

The aim of Project MeTalk is to make the interaction of people throught out the world more convenient, hassle-free and in more customized way. This platform is built while keeping in mind the easiness and security of the people's data and their use-case.

👨‍🔧 Here's all the services provided:

👨 Login / Register using Firebase

💪 Public and Private rooms

📂 Media Sharing

🙋‍♂️ Typing and Presence Indicators

Built With

CSS JS React React-Router Redux Firebase

Getting Started

Follow these simple steps to run the project locally:

Prerequisites

  • Node.js (latest)
  • NOTE - Make sure you have yarn in your path variables because I've used yarn for this project

Installation

  1. Create an account on Firebase if you have not yet.

  2. Refer this link to learn basics of firebase, like how to setup project in React and stuff like that.

  3. Create a .env file in the root directory of the project. Add environment-specific variables on new lines in the form of NAME=VALUE by following same structure as provided in env.example file

       REACT_APP_API_KEY=<api_key>
       REACT_APP_AUTH_DOMAIN=<auth_domain>
       REACT_APP_PROJECT_ID=<project_id>
       REACT_APP_STORAGE_BUCKET=<storage_bucket>
       REACT_APP_MESSAGING_SENDER_ID=<sender_id>
       REACT_APP_APP_ID=<app_id>
       REACT_APP_MEASUREMENT_ID=<measurement_id>
  4. Install all the dependencies of package.json file by running below command in root directory.

    yarn
    
  5. Run the following command in the root directory to start the project

    yarn start
    

🥳Viola! Project starts running at localhost:3000

Future Updates

  • Enable PWA
  • Sticker Bar
  • Improve Overall UI/UX and fix bugs
  • Responsive Design

And More! There's always room for improvement!

metalk's People

Contributors

roshan0708 avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

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.