All Projects → DhairyaBahl → React-Messenger-App

DhairyaBahl / React-Messenger-App

Licence: MIT license
A React powered Messenger App

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to React-Messenger-App

Heel2Toe
A beginner-friendly repository to get started with HTML, CSS, and JS.
Stars: ✭ 22 (-15.38%)
Mutual labels:  web-development, beginner-friendly
beginner-friendly-haskell-for-web-development
A book about real world web development in beginner friendly Haskell
Stars: ✭ 76 (+192.31%)
Mutual labels:  web-development, beginner-friendly
Hacktoberfest-Banned-The-Repo-Guys-Sorry-For-Your-Time-and-effort
A beginner-friendly open source repository to create your first pull request.
Stars: ✭ 27 (+3.85%)
Mutual labels:  beginner-friendly
i2pchat
🌀 i2pchat's old repo. This repo is deprecated in favor of https://github.com/i2pchat/i2pchat which is now the main repo.
Stars: ✭ 23 (-11.54%)
Mutual labels:  messenger
html5-geolocation-tool-js
Mobile ArcGIS API for JavaScript samples for testing various geolocation configurations.
Stars: ✭ 91 (+250%)
Mutual labels:  web-development
Hacktoberfest
Hacktoberfest 2020 Beginner's Friendly Repository
Stars: ✭ 46 (+76.92%)
Mutual labels:  beginner-friendly
Hacktoberfest 2021
This repository aims to help code beginners with their first successful pull request and open source contribution. Happy coding!
Stars: ✭ 109 (+319.23%)
Mutual labels:  beginner-friendly
Simple-SMS-Messenger
An easy and quick way of managing SMS and MMS messages without ads.
Stars: ✭ 358 (+1276.92%)
Mutual labels:  messenger
autofill
Bookmarklet to fill out forms when testing by simply clicking on it.
Stars: ✭ 54 (+107.69%)
Mutual labels:  web-development
CodeINN
CodeINN is an instant code editor 📃, that makes programming and development easier. Practice quickly and directly from your web browser, without any setup needed. CodeINN gives the perfect environment to developers technologists, coders computers, and geeks 🤓 to do more with their tech.
Stars: ✭ 39 (+50%)
Mutual labels:  web-development
examples-web-app
Examples of web applications and tools.
Stars: ✭ 48 (+84.62%)
Mutual labels:  web-development
react-webpack-starter
⚽️ Best react webpack start (with es6 and other basics)
Stars: ✭ 12 (-53.85%)
Mutual labels:  beginner-friendly
webogram
Telegram web application, GPL v3
Stars: ✭ 7,752 (+29715.38%)
Mutual labels:  messenger
lara
Lara Web Engine is a lightweight C# framework for web user interface development.
Stars: ✭ 121 (+365.38%)
Mutual labels:  web-development
password-keeper
A simple and secure Password Management System made completely in Python.
Stars: ✭ 26 (+0%)
Mutual labels:  beginner-friendly
dctb-web-project
Repositório informativo com diretrizes empíricas para o desenvolvimento de um Projeto Web.
Stars: ✭ 59 (+126.92%)
Mutual labels:  web-development
PySimpleGUI
Launched in 2018. It's 2022 and PySimpleGUI is actively developed & supported. Create complex windows simply. Supports tkinter, Qt, WxPython, Remi (in browser). Create GUI applications trivially with a full set of widgets. Multi-Window applications are also simple. 3.4 to 3.11 supported. 325+ Demo programs & Cookbook for rapid start. Extensive d…
Stars: ✭ 10,846 (+41615.38%)
Mutual labels:  beginner-friendly
fullstackDevelopment
Material & Projects related to full stack development
Stars: ✭ 90 (+246.15%)
Mutual labels:  beginner-friendly
Learn-To-Use-Github
Wanna Learn How to use github ? come on in
Stars: ✭ 68 (+161.54%)
Mutual labels:  beginner-friendly
Web-Development
Created this new Repository for Open Source Contribution for Beginners
Stars: ✭ 25 (-3.85%)
Mutual labels:  beginner-friendly

React-Messenger-App

logo

forthebadge forthebadge forthebadge forthebadge

This is a Messenger App, made with react, styled with the help of material-ui and deployed with the help of firebase.

Here is the link to the deployed app :- https://mui-message.firebaseapp.com

We are now part of GSSoC 2021 !

GSSoC We got accepted for the GSSoc 2021 and are actively looking for new participants, please feel free to ask questions in the discussion section of this repository and if you want to be our mentor please mention in the discussion.

Motive

This Repository is created with a motive to guide beginners with the open-source and with big react projects. I have already created some issues for the beginners so that they can work on them and even make there first contribution in this repository.

Instructions

You can test this project in your create-react-app feature by replacing the files.

Supported Platforms

This app can be built on any platform. It can be Windows, Linux , MacOS or any other. You only need the create-react-app feature and rest is in the Dependencies section.

Dependencies

I am writing down the Dependencies for beginners, so that they can look into it and then understand and install them if they want to.

  • firebase ( for the deployment )
  • node js and node package manager must be installed.
  • @material-ui/icons and @material-ui/core
  • react router

Installation and Setup

  1. Fork the Repository

    fork button image
  2. Clone the Forked Repository to your local machine.

    git clone https://github.com/<your GitHub user name>/React-Messenger-App.git.
    
  3. Change the directory to React-Messenger-App.

    cd React-Messenger-App
  4. Add remote to the Original Repository.

    git add remote https://github.com/DhairyaBahl/React-Messenger-App.git
    
  5. Install the dependecies.

    npm install
  6. Run the application.

    npm start
  7. The app starts on localhost:3000. If not, Click here to open the app in browser.

Connect with me

Show your support

Give a if you like this web-app.

FAQs

1. I am a beginner with open source or with react can I contribute in this repository ?

Anybody can contribute to this project. Just take an issue, give your ideas, work on the issue and I am always here to guide you throughout the process .

2. What are the steps to make my first contribution ?

Kindly refer to the contributing.md file. All the contributing guidelines are written over there.

3. Is there any need to assign myself to the issue before starting to work on the issue ?

It is better to wait until you are assigned to the issue. Although if you are make sure that no-one is working on the issue then you can start working on the issue.

Contributors:

Credits goes to these people:

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].