XPlayVerse is a modern full‑stack MERN gaming platform that allows gamers to discover trending games, connect with other players, chat in real time, and get AI‑powered game recommendations.
Built with React, Node.js, Express, MongoDB, and real‑world integrations like Google OAuth, PayPal payments, Socket.io, AI (Gemini), XPlayVerse is designed to be scalable and secure.
- Project Overview
- Key Features
- Tech Stack
- Security & Authentication
- Contributing
- Acknowledgements
- Contact
- Live Project Links
- Design Links
XPlayVerse solves a common problem faced by gamers — using multiple platforms to track games, interact with communities, and manage gaming identity.
With XPlayVerse, users can:
- Explore trending games using real‑time API data
- Share posts and images in community feeds
- Chat with friends using real‑time Socket.io chat
- Get AI‑based game recommendations
- Unlock verified profiles using secure online payments
This project demonstrates real‑world full‑stack development, API integration, authentication, payments, and AI features.
- Community Feeds – Share posts, images, and updates with gamers worldwide
- Post CRUD Operations – Create, edit, and delete posts
- Image Uploads – Cloudinary integration for profile and post images
- Verified Profiles – Paid verified badge to build trust in the community
- SquadVerse Chat – Real‑time group chat using Socket.io
- AI Smart Replies – Gemini‑powered reply suggestions based on chat context
- Trending Games Leaderboard – Top 40 games using RAWG API
- AI Game Suggestor – Natural‑language game recommendations
- PayPal Integration – Secure payment flow for verified badge purchase
- React.js
- Axios
- HTML5, CSS3
- Bootstrap
- Material UI (MUI)
- Node.js
- Express.js
- Docker (Containerized Backend and Frontend for Consistent Deployment)
- Docker Compose (Multi-container orchestration)
- RAWG API (Game Data)
- Cloudinary (Image Storage)
- Gemini API (AI Features)
- PayPal SDK (Payments)
- Nodemailer (Email & OTP)
- Docker Integration – Backend services are containerized using Docker for consistent development, testing, and deployment across environments.
- Docker Compose – Used to manage and run multi-container setup (Backend services, database, and dependencies) with a single command.
- Dockerfile Configuration – Ensures reproducible builds and simplified setup for contributors and recruiters.
- One-Command Startup – Simplifies local development using
docker-compose up. - Production-Ready Setup – Makes the application cloud-ready, scalable, and DevOps-friendly.
- JWT‑based authentication with cookies
- Google OAuth login
- OTP‑based email verification during signup
- Password hashing using bcrypt
- Rate limiting on login APIs to prevent brute‑force attacks
Contributions are welcome and appreciated!
- Fork the repository
- Clone the project
git clone https://github.com/kalviumcommunity/S73_Atharva_Capstone_XPlayVerse
- Install dependencies
npm install
- Setup environment variables (
.env) - Create a new branch and submit a Pull Request
- RAWG API – Game data and rankings
- Socket.io – Real‑time communication
- Gemini API – AI‑powered recommendations
- Cloudinary – Media hosting
- Nodemailer – Email verification
- PayPal – Secure payments
- Netlify & Render – Deployment platforms
- Open‑source community
- Email: [email protected]
- GitHub: https://github.com/atharvadudhe
- LinkedIn: https://www.linkedin.com/in/atharva-dudhe/
- Frontend (Netlify): https://xplayverse.netlify.app/
- Backend (Render): https://s73-atharva-capstone-xplayverse-1.onrender.com
- Low‑Fidelity Design: https://www.figma.com/design/zvTKu4qX6rupzpCpBNdlHr/XPlayVeres-Low-Fid?node-id=0-1&t=q4WmQ1AgxVItbuZW-1
- High‑Fidelity Design: https://www.figma.com/design/gZA0ZEjELdux57nxeGTviT/XPlayVeres-High-Fid?t=q4WmQ1AgxVItbuZW-1
The following features are planned for upcoming releases to further enhance community engagement and platform scalability:
- Likes Functionality – Users will be able to like posts to show appreciation and increase post visibility.
- Comments System – Enable threaded comments on posts for better discussions and interactions.
- Post Engagement Analytics – Display like and comment counts to highlight trending community posts.
⭐ If you like this project, consider giving it a star on GitHub!