ReactChat

A ReactJS real-time chatting application with Firebase and Styled Components

📌 Index

• About
• What's inside the box
• How to play
• To implement
• How you can contribute

---

✨ Preview Here

❓ About

• A web application that simulates a real-time chat app.
• The app was made for study purposes and have this requirements:
  1. A solid interface with UX pratices applied;
  2. Use que Firebase Firestore for the messaging;
  3. Make a Login with Google and Facebook (use Firebase to this)

📦 What's inside the box?

• ReactJS with Typescript
• Styled Components
• React Icons
• Firebase Console

👩‍💻 How to play

• Clone the repo with

$ git clone https://github.com/joaopaulo-ld/simples-conta-internet-banking

• Install the dependecies with yarn or npm i
• Run the project with yarn start or npm start
• Start hacking on localhost:3000

👀 To implement

• Do all the requirements
• Responsive UI
• Theme switcher (light and dark modes)
• Make a user able to have multiple contacts on his app, and message in realtime with other users
• Make chat groups
• Make message status with icons (like WhatsApp and Telegram)

💪 How you can contribute

• Leave a ⭐ on this repo

• Fork and make a new git branch for the updates

• Make a PR to include all your new features!

💥 Thanks for the attention, let's code 🔥