https://github.com/jinelus/chat-app
A web chat app
https://github.com/jinelus/chat-app
chat dicebear-avatars firebase reactjs realtime-chat vitejs
Last synced: 3 months ago
JSON representation
A web chat app
- Host: GitHub
- URL: https://github.com/jinelus/chat-app
- Owner: jinelus
- Created: 2024-06-09T01:50:36.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-13T20:39:10.000Z (almost 2 years ago)
- Last Synced: 2025-03-22T09:30:46.470Z (over 1 year ago)
- Topics: chat, dicebear-avatars, firebase, reactjs, realtime-chat, vitejs
- Language: TypeScript
- Homepage: https://chat-app-phi-gold.vercel.app
- Size: 1.15 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SnapTalk - Chat App
SnapTalk is a realtime chat app built with TypeScript, React, Vite Js, Firebase, and other technologies. This chat app is purposefully made for the web, like a web chat app, working on mobile devices too.
## 🎈Features
- 🔑 Sign Up with username, email, password and avatar
- 🔑 Sign in with a email and password
- 👨🏾 A default avatar if image profile is not defined
- 💬 Create conversations 1-on-1
- 📬 Users can send:
📝 Text
🖼 Images
🎞 Videos
- 🔔 Get notified of unseen messages
- 😎 Send emojis through an emoji picker
## 👩🏾💻 Technologies
- `TypeScript`
- `React`
- `Vite Js`
- `Tailwind CSS`
- `Firebase`
## 🚦 Run the project
To run the project in your local environment, follow these steps:
- Clone the repository to your local machine. `git clone https://github.com/codesofC/chat-app.git`
- Run `npm install`, `yarn` or `pnpm` in the project directory to install the required dependencies.
- Run `npm run dev` or `yarn` to get the project started.
- Open http://localhost:5173 (or the address shown in your console) in your web browser to view the app.
## 🖼 Demo Images
