Teamdir — Valorant Social Networking Platform
Published on 2024-04-19
Reading time: 2 min read
Description: A Next.js + MongoDB social hub for Valorant players to connect, form teams, and share updates. Built with Prisma ORM and deployed on Vercel.
Link: https://teamdir.vercel.app/
Github repo: https://github.com/Exzort567/teamdir
Teamdir is a social networking platform built specifically for Valorant players.
It allows gamers to create accounts, post updates, follow others, and connect to form teams.
The platform is powered by Next.js for frontend + backend integration, MongoDB with Prisma ORM for robust data handling, and Vercel for seamless deployment.
🔗 Live Demo: teamdir.vercel.app
Test Account: demo@gmail.com / demo567
🏠 Home Feed
The Home page serves as the community feed, where users can:
- Post updates (thoughts, team invites, or Valorant-related content)
- Interact with others via likes and comments
- Scroll through recent posts from fellow players
This creates a familiar social experience tailored for the Valorant community.
👤 Profile & Social Features
Users can:
- Create an account and customize their profile
- Follow/unfollow other players
- View suggested users in the “Who to Follow” sidebar
This makes networking and finding teammates easy and engaging.
🔔 Notifications
The notification system keeps users updated on:
- New followers
- Likes and comments on their posts
- Relevant updates within the community
This ensures players stay connected and engaged.
🛠️ Tech Stack
- Next.js — frontend + backend in one framework
- Prisma ORM — database queries with type safety
- MongoDB — NoSQL storage for users, posts, and interactions
- TailwindCSS — styling for a clean, responsive UI
- Vercel — fast deployment and hosting
🎯 Impact
Teamdir provides Valorant enthusiasts with a dedicated social hub — something general platforms like Twitter or Facebook don’t fully offer.
It helps players:
- Build their gaming identity
- Connect with others for scrims and ranked play
- Stay active in a like-minded gaming community
For me, this project was an opportunity to combine social networking concepts with gaming culture, using a modern full-stack setup (Next.js, Prisma, MongoDB).