https://github.com/coder12git/vibes
Vibes - http://vibes-frontend-beta.vercel.app/
https://github.com/coder12git/vibes
express mongodb nodejs reactjs socket-io webrtc
Last synced: about 2 months ago
JSON representation
Vibes - http://vibes-frontend-beta.vercel.app/
- Host: GitHub
- URL: https://github.com/coder12git/vibes
- Owner: coder12git
- License: apache-2.0
- Created: 2024-07-21T17:25:27.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-07-28T14:56:24.000Z (10 months ago)
- Last Synced: 2025-03-31T00:44:28.541Z (about 2 months ago)
- Topics: express, mongodb, nodejs, reactjs, socket-io, webrtc
- Language: JavaScript
- Homepage: https://vibes-backend.onrender.com/
- Size: 591 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
A full stack web application where users can create and join rooms to discuss any topics, engage in discussions, and can read trending articles, all without disclosing their real identity.
Watch Demo Video - Click here
Visit our live site at - http://vibes-frontend-beta.vercel.app/
Visit our live backend server at - https://vibes-backend.onrender.com/
## Project Overview
Vibes is a full-stack web application built with the *MERN* stack. Users can create and join rooms to discuss any topics and read trending articles without revealing their identity. This platform is perfect for shy or introverted individuals who want to express themselves freely and anonymously. Vibes provides a safe, open environment to talk about your concerns without the fear of being identified.
## How it works?
1. Registration and OTP Verification
- User provides their phone number or email.
- Our app sends an OTP which the user must enter in the next step.
2. Profile Setup
- After OTP verification, the user provides a public name and an avatar for their profile.
3. Main Page
- Once setup is complete, the user is redirected to the main page.
- Users can join any room to participate in topic discussions.
4. Creating a Room
- Users can create a room by clicking on the Start a room button.
- They enter the topic to be discussed and select the room type, which is open (public) by default.
5. Reading Articles
- Users can read trending articles on the articles page.
6. Logging Out
- Users can log out from the app via the log out button.
# Technology Stack Used:
- ReactJS - For building the frontend of our web application
- Express and Node.JS - For building the backend of our web application
- MongoDB - For Database
- WebRTC and Socket.IO - Integrated to enable real-time voice room features, allowing seamless communication between the (backend) server and the (frontend) client.
- Vercel - For deploying frontend
- Render - For deploying backend server
Screenshots
Demo Video
https://github.com/user-attachments/assets/ccb31bf1-8427-4b2a-826a-0a07d30ce719
## Setting up Local Development
1. Clone the repository
```
git clone https://github.com/coder12git/Vibes.git
```
2. Navigate to the project folder
```
cd Vibes/
```
3. Navigate to the backend folder
```
cd backend/
```
4. Change the config.env file in the backend folder to .env and paste the below lines.
> HASH_SECRET = 'ee66646048d85bdc534912d9ee8cb31a3e680d963c9889ed009ab2f9d1ef7990da7dfdbaa480fccefd4d755325705186c1446b79e420b01027aaa7e1f747a741'
> DB_URL = 'mongodb://localhost:27017/sympathy'
6. Once done, Install dependencies
```
npm i
```
6. Start the backend server
```bash
npm start
```
7. Open another terminal and navigate to frontend folder
```bash
cd frontend/
```
8. Install dependencies
```bash
npm i
```
9. Start the frontend server
```bash
npm start
```
After following the above steps successfully, your frontend will be live and running at `http://localhost:3000/` and your backend server will be live and running at `http://localhost:4000/`.
Thanks for visiting!