🌐 Experience MediaVerse Live:
🎬 MediaVerse is a MERN-powered platform to track, analyze, and share your favorite 🎥 movies, 📺 series, 🎞️ anime, 📚 books, and 🎮 games — all in one sleek, personalized hub.
| 💠 Category | 🌟 Description |
|---|---|
| 🎬 Media Tracker | Add & manage your Movies, Series, Anime, Books, and Games easily. |
| 📊 Analytics Dashboard | Get visual stats of your media habits and progress. |
| 🧑🤝🧑 Community Page | See what users you follow are watching, reading, or playing. |
| 🔁 Follow System | Follow/unfollow users and explore their collections. |
| ⚙️ Settings Page | Change username, password, theme, or delete your account. |
| 🏅 Badge System | Unlock dynamic badges as you complete your media lists. |
| 🕵️ User Search | Find and explore other users’ profiles. |
| 🔒 Private Profiles | Toggle between public or private visibility. |
| Layer | Technologies |
|---|---|
| Frontend | React.js • Tailwind CSS • Axios |
| Backend | Node.js • Express.js |
| Database | MongoDB (Mongoose) |
| Auth & Security | JWT • bcrypt |
| Hosting | Render / Vercel |
📦 MediaVerse
├── 📁 client # React Frontend
│ ├── components
│ ├── context (Auth)
│ ├── pages (Dashboard, Analytics, Settings, etc.)
│ └── api/axios.js
│
├── 📁 server # Express Backend
│ ├── models (User, Media, Badge)
│ ├── routes (auth, users, media)
│ ├── middleware
│ └── server.js
│
└── .env # Environment variablesgit clone https://github.com/SyedShahulAhmed/MediaVerse.git
cd MediaVersecd server
npm install
npm startcd client
npm install
npm run dev💡 Open http://localhost:5173 to view it in your browser.
- 🔔 In-app notifications
- 💬 Comment & Reaction System
- 🌐 Multi-language Support
- 🤖 Smart Recommendations
💡 Contributions are always welcome!
-
Fork this repo
-
Create your feature branch
git checkout -b feature/YourFeature
-
Commit your changes
-
Push and open a PR 🚀