- Live link ( Initial loading can take some time because I deployed my code in render free tier. It take 50 sec for first request if the code base inactive for so long)
Gatherly is a full-stack project built with React for the frontend and Express for the backend. This application allows users to create and join events, manage event details, and interact with other participants in real-time using WebSockets. The backend handles user authentication, event management, and real-time communication.
- Clone the repository:
git clone https://github.com/yourusername/Gatherly.git
- Navigate to the frontend directory:
cd GatherlyFullstack/frontend - Install the dependencies:
npm install
- Start the development server:
npm start
- For the backend, navigate to the backend directory:
cd ../backend - Install backend dependencies:
npm install
- Start the backend server:
npm start
Once the application is up and running:
- Navigate to the frontend URL (typically
http://localhost:5173). - Log in or sign up for an account.
- Create a new event or join an existing event.
- Use the real-time chat feature to interact with other participants.
The backend for this project can be found here. It is built with Express and uses WebSockets for real-time communication.
Here are some screenshots of Gatherly in action:
- Real-Time Communication: Integrated chat feature powered by WebSockets for seamless communication.
- Event Management: Create, update, and join events with intuitive forms.
- Authentication: Secure user login and registration.
- Frontend: React, Tailwind CSS
- Backend: Express, WebSocket (Socket.IO)
- Database: MongoDB
- Others: Node.js, React Query
The backend code base for this project is here.
Contributions are welcome! Please fork the repository and create a pull request.