https://github.com/sarthakmishraa/sm-chat-app
This web app is a real-time chat platform using React.js (TypeScript) and Tailwind CSS for a responsive design. Firebase handles user authentication, while Express.js and Socket.io enable real-time messaging. The frontend is deployed on Netlify and the backend on Render for seamless operation.
https://github.com/sarthakmishraa/sm-chat-app
express http http-server netlify netlify-deployment reactjs render renderdeploy socket-io tailwindcss typescript typescript-react websocket
Last synced: 20 days ago
JSON representation
This web app is a real-time chat platform using React.js (TypeScript) and Tailwind CSS for a responsive design. Firebase handles user authentication, while Express.js and Socket.io enable real-time messaging. The frontend is deployed on Netlify and the backend on Render for seamless operation.
- Host: GitHub
- URL: https://github.com/sarthakmishraa/sm-chat-app
- Owner: sarthakmishraa
- Created: 2024-04-28T00:55:15.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-06-16T00:40:46.000Z (about 2 years ago)
- Last Synced: 2025-12-19T21:54:13.854Z (6 months ago)
- Topics: express, http, http-server, netlify, netlify-deployment, reactjs, render, renderdeploy, socket-io, tailwindcss, typescript, typescript-react, websocket
- Language: TypeScript
- Homepage: https://sm-chatapp.netlify.app/
- Size: 11.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chat Application
A real-time chat application with authentication and responsive design.
## Key Features
- Real-time messaging using Socket.io
- User authentication with Firebase
- Responsive design with Tailwind CSS
- Deployed on Netlify (frontend) and Render (backend)
## Short Description
This web application is a real-time chat platform built with modern web technologies. The frontend is developed using React.js with TypeScript and styled using Tailwind CSS for a sleek and responsive user interface. Firebase handles user authentication, ensuring secure and efficient login and registration processes. The backend, created with Express.js and Socket.io, supports real-time messaging between users. The application is deployed with the frontend on Netlify and the backend on Render, providing a seamless and robust chat experience.
## Demo
[](./media/smchatdemo.mp4)
## Tech Used
- **Frontend:** React.js (TypeScript), Tailwind CSS, Firebase (Auth)
- **Backend:** Express.js, Socket.io
- **Deployment:** Netlify (frontend), Render (backend)
## How to Use
1. Clone the repository: `git clone https://github.com/sarthakmishraa/sm-chat-app.git`