The Best Direct Messaging Web application

A Direct messaging application built on React, Redux, Firebase and Material UI

A new era of messaging, simple, fast and secure

About the Project

This is a web application written in React and is hosted and deployed on firebase

New users can register and chat with other users online securely

This project can be used as a boiler plate for more ambitious projects

Built with

Major frameworks and service used in the development of this project

• React -- A JavaScript library for building user interfaces
• Redux -- An open-source JavaScript library for managing application state
• Firebase -- Firebase is a platform developed by Google for creating mobile and web applications backend
• Material-ui -- React components library for faster and easier web development. Based on Google's Material Design.

Getting Started

To get a local copy up and running follow these simple example steps.

• Clone the repository, which includes both backend and frontend.

  git clone https://github.com/konichar/the-unsplash-clone.git

You need to have the following installed

1. Nodejs https://nodejs.org/

2. Install application React dependencies

yarn install

3. Config firebase

REACT_APP_API_KEY=****************************************
REACT_APP_AUTH_DOMAIN=the-best-dating-site.firebaseapp.com
REACT_APP_DATABASE_URL=https://***************.firebaseio.com
REACT_APP_PROJECT_ID=the-best-dating-site
REACT_APP_STORAGE_BUCKET=the-best-dating-site.appspot.com
REACT_APP_MESSAGING_SENDER_ID=**************
REACT_APP_ID=1:*************:web:******************
REACT_APP_MEASUREMENT_ID=***********

REACT_APP_CONFIRMATION_EMAIL_REDIRECT=http://localhost:3000/

4. Start frontend server

yarn start

The Frontend server should be localhost:3000.

Usage

This project is preconfigured to be deployable on Firebase.

Demo Link: https://the-best-dating-site.web.app/