Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/anna-llorens/chat-app
Full stack app using mainly React, Node.js and Typescript
https://github.com/anna-llorens/chat-app
chackra-ui chat-app mern-chat mongodb node prisma react react-query real-time socket-io typescript
Last synced: 3 days ago
JSON representation
Full stack app using mainly React, Node.js and Typescript
- Host: GitHub
- URL: https://github.com/anna-llorens/chat-app
- Owner: anna-llorens
- Created: 2025-01-04T09:16:26.000Z (22 days ago)
- Default Branch: main
- Last Pushed: 2025-01-19T18:19:22.000Z (7 days ago)
- Last Synced: 2025-01-19T19:32:08.453Z (7 days ago)
- Topics: chackra-ui, chat-app, mern-chat, mongodb, node, prisma, react, react-query, real-time, socket-io, typescript
- Language: TypeScript
- Homepage: https://chat-app-0j7x.onrender.com/
- Size: 389 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💬 MERN Project: Real-Time Chat Web Application
A full-stack real-time chat application built with modern web development technologies. This project demonstrates a basic chat application with separate frontend and backend components. 👍🌟🎮
## 🚀 Features
- Real-time messaging
- User authentication and management
- Responsive design
- Chat notifications
## 🔄 Installation and Execution
### 🔧 Backend
```bash
cd backend
yarn # Install dependencies
yarn dev # Start the development server
```
## 🌐 Frontend
```bash
cd frontend
yarn # Install dependencies
yarn dev # Start the React app
```
The application will be available at http://localhost:5173
## 🌐 Technologies Used
### Frontend
- React: Component-based UI framework
- Vite: Fast build tool for modern web projects
- TypeScript: Typed JavaScript
- Chakra UI: Modular and accessible UI components
- Axios: Promise-based HTTP client
- React Icons: Icon library
- ESLint: JavaScript linting
- TanStack Query (React Query): Data-fetching and state management library for server-state caching, synchronization, and updates.
- socket.io-client
### Backend
- Express: Node.js web application framework
- Prisma: Database ORM
- MongoDB: NoSQL database
- Cors: Middleware for Cross-Origin Resource Sharing
- Dotenv: Environment variable management
- socket.io
## 📢 Contribution
Feel free to fork this repository and submit pull requests. Contributions are welcome! 🙌📚📊
## 🔒 License
This project is licensed under the MIT License.
## 📧 Contact
If you have any questions or feedback, feel free to contact me via GitHub. 👤🔗📲