Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/403errors/swiftchat

SwiftChat is a modern, full-stack communication application built using the MERN stack (MongoDB, Express.js, React.js, Node.js). It provides a real-time messaging experience with a responsive user interface and a focus on key communication features.
https://github.com/403errors/swiftchat

daisy-ui expressjs mongodb-atlas node-js reactjs render socket-io tailwindcss zustand

Last synced: about 8 hours ago
JSON representation

Host: GitHub
URL: https://github.com/403errors/swiftchat
Owner: 403errors
Created: 2025-02-11T00:32:57.000Z (about 17 hours ago)
Default Branch: main
Last Pushed: 2025-02-11T08:36:28.000Z (about 9 hours ago)
Last Synced: 2025-02-11T08:39:54.990Z (about 9 hours ago)
Topics: daisy-ui, expressjs, mongodb-atlas, node-js, reactjs, render, socket-io, tailwindcss, zustand
Language: JavaScript
Homepage:
Size: 60.5 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# SwiftChat: A Full-Stack Communication Application

## Key Features

* **Responsive UI:** Ensures a seamless user experience across various devices.
* **Loading Skeletons:** Provides visual feedback during data loading, enhancing perceived performance.

## Technology Stack

* **Frontend:**
* React
* Tailwind CSS
* Zustand for state management
* DaisyUI component library
* **Backend:**
* Node.js
* Express.js
* MongoDB
* Socket.io for real-time communication
* **Tools:**
* Cloudinary for image storage and delivery

## Dependencies

**Frontend:**

```json
{
"dependencies": {
"react": "^19.0.0",
"react-dom": "^19.0.0",
"react-hot-toast": "^2.5.1",
"react-router-dom": "^7.1.5"
},
"devDependencies": {
"@eslint/js": "^9.19.0",
"@types/react": "^19.0.8",
"@types/react-dom": "^19.0.3",
"@vitejs/plugin-react": "^4.3.4",
"autoprefixer": "^10.4.20",
"eslint": "^9.19.0",
"eslint-plugin-react": "^7.37.4",
"eslint-plugin-react-hooks": "^5.0.0",
"eslint-plugin-react-refresh": "^0.4.18",
"globals": "^15.14.0",
"postcss": "^8.5.2",
"tailwindcss": "^4.0.6",
"vite": "^6.1.0"
}
}
```

**Backend:**

```json
{
"dependencies": {
"bcryptjs": "^2.4.3",
"cloudinary": "^2.5.1",
"cookie-parser": "^1.4.7",
"dotenv": "^16.4.7",
"express": "^4.21.2",
"jsonwebtoken": "^9.0.2",
"mongoose": "^8.10.0",
"socket.io": "^4.8.1"
},
"devDependencies": {
"nodemon": "^3.1.9"
}
}
```

## License

This project is licensed under the ISC License.

## Contributing

Contributions are welcome! Please feel free to submit pull requests or open issues to suggest improvements or report bugs.

## Development Roadmap

SwiftChat's development is structured in phases, with a focus on delivering core functionality and a polished user experience.

### Phase 1: Backend and API Development (Completed)

* Backend setup and configuration.
* Database schema design and implementation.
* RESTful APIs for:
* User signup
* User login
* User logout
* Profile updates
* Message route APIs

### Phase 2: Frontend Authentication and Profile (Upcoming)

* Signup and login frontend pages.
* User profile page.
* Settings page.

### Phase 3: Home Page and Chat Interface (Upcoming)

* Home page sidebar.
* Chat container implementation.

### Phase 4: Real-time Communication and Deployment (Upcoming)

* Implementation of Socket.io for real-time messaging.
* Application deployment.