Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/samarth-5/social-hub
Social Hub is a real-time messaging platform where users can log in and instantly send and receive messages between two users across different systems and locations. It ensures seamless and immediate communication for a connected experience.
https://github.com/samarth-5/social-hub
daisy-ui javascript mongodb nodejs reactjs socket-io sockets web-sockets zustand
Last synced: about 21 hours ago
JSON representation
Social Hub is a real-time messaging platform where users can log in and instantly send and receive messages between two users across different systems and locations. It ensures seamless and immediate communication for a connected experience.
- Host: GitHub
- URL: https://github.com/samarth-5/social-hub
- Owner: samarth-5
- Created: 2024-11-10T04:48:47.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-12-28T17:50:58.000Z (24 days ago)
- Last Synced: 2024-12-28T18:26:02.893Z (24 days ago)
- Topics: daisy-ui, javascript, mongodb, nodejs, reactjs, socket-io, sockets, web-sockets, zustand
- Language: JavaScript
- Homepage: https://social-hub-5.onrender.com/
- Size: 4.2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Social-Hub
https://github.com/user-attachments/assets/fc6ebf8c-a0be-4e90-9363-a5a22a878bf7
Social Hub is a real-time messaging platform that allows users to log in and instantly send and receive messages between two users across different systems and locations. It ensures seamless and immediate communication for a connected experience.
## Features
- **Real-time Messaging**: Instant communication between users.
- **User Authentication**: Secure login for all users.
- **Cross-System Connectivity**: Send and receive messages from different devices and locations.
## Folder Structure
- `client/`: Contains the front-end code for the application.
- `server/`: Contains the back-end code and API logic for the application.
## Prerequisites
Ensure you have the following installed on your system:
- [Node.js](https://nodejs.org/)
- [npm](https://www.npmjs.com/)
## Getting Started
### Clone the Repository
```bash
git clone https://github.com/yourusername/Social-Hub.git
cd Social-Hub
```
### Install Dependencies
Navigate to both `client` and `server` directories and install dependencies:
#### Client
```bash
cd client
npm install
```
#### Server
```bash
cd server
npm install
```
### Running the Application
To start the application, open two terminal windows or tabs.
#### Terminal 1: Run the Client
```bash
cd client
npm run dev
```
#### Terminal 2: Run the Server
```bash
cd server
npm run dev
```
### Accessing the Application
Once both client and server are running, you can access the application in your browser at:
```
http://localhost:5173
```
## Technologies Used
- **Frontend**: React.js
- **Backend**: Node.js, Express.js
- **Real-time Communication**: Socket.IO
- **Database**: MongoDB
## Contributing
Contributions are welcome! Please fork the repository and create a pull request with your changes.