Skip to content

SyedShahulAhmed/MediaVerse

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 

Repository files navigation

Typing Animation

🚀 Live Website

🌐 Experience MediaVerse Live:

👉 Visit the Website

🎬 About MediaVerse

🎬 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.

💎 Features at a Glance

💠 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.

💻 Tech Stack

Layer Technologies
Frontend React.js • Tailwind CSS • Axios
Backend Node.js • Express.js
Database MongoDB (Mongoose)
Auth & Security JWT • bcrypt
Hosting Render / Vercel

🧭 Project Structure

📦 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 variables

⚙️ Setup & Installation

🧩 Clone the Repository

git clone https://github.com/SyedShahulAhmed/MediaVerse.git
cd MediaVerse

⚙️ Backend Setup

cd server
npm install
npm start

💅 Frontend Setup

cd client
npm install
npm run dev

💡 Open http://localhost:5173 to view it in your browser.

🌟 Future Enhancements

  • 🔔 In-app notifications
  • 💬 Comment & Reaction System
  • 🌐 Multi-language Support
  • 🤖 Smart Recommendations

🤝 Contributing

💡 Contributions are always welcome!

  1. Fork this repo

  2. Create your feature branch

    git checkout -b feature/YourFeature
  3. Commit your changes

  4. Push and open a PR 🚀

Footer Animation

About

MediaVerse is a modern MERN-based platform that lets users effortlessly track, analyze, and share their favorite movies, series, anime, books, and games — all in one place.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages