https://github.com/joaorodrs/reactchat
A React JS chat application with Firebase Firestore
https://github.com/joaorodrs/reactchat
chat-application firebase reactjs
Last synced: 5 months ago
JSON representation
A React JS chat application with Firebase Firestore
- Host: GitHub
- URL: https://github.com/joaorodrs/reactchat
- Owner: joaorodrs
- Created: 2020-10-30T11:51:18.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2024-05-05T20:10:44.000Z (about 2 years ago)
- Last Synced: 2024-05-05T21:26:18.957Z (about 2 years ago)
- Topics: chat-application, firebase, reactjs
- Language: TypeScript
- Homepage: https://reactchat-br.netlify.app/
- Size: 3.43 MB
- Stars: 11
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
ReactChat
A ReactJS real-time chatting application with Firebase and Styled Components
## 📌 Index
- [About](#about)
- [What's inside the box](#whats-inside-the-box)
- [How to play](#how-to-play)
- [To implement](#to-implement)
- [How you can contribute](#how-you-can-contribute)
---
## ✨ [Preview Here](https://reactchat-br.netlify.app/)
## ❓ 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](https://pt-br.reactjs.org/) with [Typescript](https://www.typescriptlang.org/)
- [Styled Components](https://styled-components.com/)
- [React Icons](https://react-icons.github.io/react-icons/)
- [Firebase Console](https://console.firebase.google.com)
## 👩💻 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
- [x] Do all the requirements
- [x] 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 🔥