Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vanbui1995/chat-app-meteor
A very simple chat app is written by MeteorJS + React + Tailwind
https://github.com/vanbui1995/chat-app-meteor
chat chat-app demo meteor realtime tailwind
Last synced: about 1 month ago
JSON representation
A very simple chat app is written by MeteorJS + React + Tailwind
- Host: GitHub
- URL: https://github.com/vanbui1995/chat-app-meteor
- Owner: vanbui1995
- Created: 2023-09-09T06:24:42.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-09-26T16:15:25.000Z (over 1 year ago)
- Last Synced: 2024-11-02T11:21:51.997Z (3 months ago)
- Topics: chat, chat-app, demo, meteor, realtime, tailwind
- Language: TypeScript
- Homepage: https://chat-app-2023-vanbui.au.meteorapp.com
- Size: 81.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simple Chat App Meteor
A very simple chat app is written by MeteorJS + React + Tailwind to prove that MeteorJS is still working with the newest frontend techs and simple to build a real-time application
Demo link: https://chat-app-2023-vanbui.au.meteorapp.com
### How to run it locally
1. Make sure you are on NodeJS version 14 (recommended by MeteorJS)
2. Install meteor
```
npm install meteor -g
```
3. Install dependencies & start locally
```
meteor npm install
meteor
```
### Feature
- Loggin, Loggout
- Manage DM Conversations
- Send message
- Unread count
- Notifications
### Folder structure
.
src
├── ...
└── server/main.tsx # Backend entry point file (Root)
├── imports # Contain all main pages, the root component of each page
│ ├── ui/* # All frontend source code
│ ├── api/collections/* # Define all collection schema
│ ├── api/methods/* # Define all Meteor methodss (APIs)
│ └── api/publications/* # Define all Meteor publications (backend realtime)
│ └── api/job-handlers/* # Define all jobs on the backend side
└── tailwind.config.cjs # Tailwind config, I configured all colors/spacing of the guideline via this file