Skip to content

Realtime chat project using React.js, Node.js, Firebase Auth, Firebase NOSQL database, realtime database and component-oriented code design.

Notifications You must be signed in to change notification settings

g-santosmartins/realtime-chat-firebase-react

Repository files navigation

Realtime chat with Firebase and React

🧪 How does it work? Check it out!

app demonstration


🧪 Technologies

This project was developed using the following technologies:

🚀 Getting started

Clone the project and access the folder.

The public URL can be found here:

Deployed version: https://react-slack-clone-redux.web.app

Local React.js development server:

$ git clone https://github.com/g-santosmartins/react-slack-clone.git

Enter by using the CD command if you will and then:

Follow the steps below:

# Install the dependencies
$ yarn

or 

$npm (v14.0.0 or older) 

Use NVM, if you will

# Start the project
$ yarn start

$npm install

The app will be available for access in your browser at http://localhost:3000

IMPORTANTE: You will need a database to use the realtime database:

Access: https://firebase.google.com/?hl=pt-br

🧪 New features

Layout color change was implemented to supply user will of chaging default colors:

color feature

Chaging photo at profile area by using gravatar public API and firebase to persist the data:

avatar feature

🔖 Layout

You can view the project layout here:

RiseIT home

RiseIT preview

📝 License

This project is licensed under the MIT License. See the LICENSE file for details.


Made with ❤️ by Guilherme Martins

About

Realtime chat project using React.js, Node.js, Firebase Auth, Firebase NOSQL database, realtime database and component-oriented code design.

Topics

Resources

Stars

Watchers

Forks