Moovida

Moovida is a streaming-style web app where you can browse movies/TV shows and watch trailers/players.

Live Demo

• https://moovida.real.vercel.app

Tech Stack

• React
• Vite
• React Router DOM
• Tailwind CSS (styling)
• ESLint

Getting Started (Local Setup)

1) Install dependencies

npm install

2) Run the dev server

npm run dev

3) Build for production (optional)

npm run build

4) Preview the production build (optional)

npm run preview

Project Structure (main folders)

.
├── public/
└── src/
    ├── Pages/
    │   ├── Home/
    │   ├── Login/
    │   ├── NotFound/
    │   └── Player/
    ├── components/
    │   ├── Navbar/
    │   ├── Titlecards/
    │   └── Footer/
    ├── assets/
    ├── App.jsx
    ├── main.jsx
    └── index.css

Features

• Browse trending movies (Titlecards)
• Browse categories like:
  • Now Playing Movies
  • Popular Series
  • Top Rated Series
• Watch content using the built-in player page
• Simple Login UI (sign in / sign up toggle)
• 404 Not Found page