Skip to content

Rakibislam22/MovieMasterPro-Client

Repository files navigation

⭐ Move Star Pro — Client (Frontend)

Move Star Pro is a modern, animated, and responsive movie discovery web application built using React + Vite. It includes Firebase authentication, smooth UI animations, sliders, and a clean movie browsing experience.


🚀 Features

🎭 User Authentication

  • Email & Password Sign Up / Login
  • Google Sign-In
  • Firebase-powered secure authentication
  • Auto-login using persistent sessions

🎞️ Movie Features

  • Browse movies
  • View movie details
  • Search movies
  • Interactive UI with animated elements

💎 UI & UX

  • Smooth animations with Framer Motion
  • Beautiful icons using Lucide-react & React Icons
  • Swiper-based movie slider/carousel
  • Toast notifications
  • SweetAlert2 modals
  • Fully responsive
  • Clean modern interface

🛠️ Tech Stack

Frontend

  • React 19
  • React Router 7
  • Vite 7
  • Tailwind / CSS
  • Framer Motion
  • Swiper.js

Authentication

  • Firebase v12

UI & Utilities

  • React Toastify
  • SweetAlert2
  • Lucide React Icons
  • React Icons

Development Tools

  • ESLint
  • Vite Dev Server

📁 Project Structure

Move-Star-Pro/
├── public/
├── src/
│   ├── components/
│   ├── pages/
│   ├── context/           # Auth Context (Firebase)
│   ├── hooks/
│   ├── data/
│   ├── App.jsx
│   └── main.jsx
├── firebase.json
├── .firebaserc
├── index.html
├── package.json
└── vite.config.js

📦 Dependencies

Main Dependencies

firebase
framer-motion
lucide-react
react
react-dom
react-icons
react-router
react-toastify
sweetalert2
swiper

Dev Dependencies

vite
eslint
@vitejs/plugin-react
@types/react
@types/react-dom
eslint-plugin-react-refresh
eslint-plugin-react-hooks

🔧 Installation & Setup

1️⃣ Clone the repository

git clone https://github.com/yourusername/move-star-pro.git
cd move-star-pro

2️⃣ Install dependencies

npm install

3️⃣ Add Firebase Config

Create a .env file:

VITE_apiKey=YOUR_FIREBASE_KEY
VITE_authDomain=YOUR_DOMAIN
VITE_projectId=YOUR_PROJECT_ID
VITE_storageBucket=YOUR_BUCKET
VITE_messagingSenderId=YOUR_SENDER_ID
VITE_appId=YOUR_APP_ID

4️⃣ Run the development server

npm run dev

5️⃣ Production build

npm run build

🔥 Firebase Hosting (Optional)

Deploy using:

firebase deploy

🤝 Contributing

  1. Fork the repository
  2. Create a new branch
  3. Commit your changes
  4. Submit a pull request

🧑‍💻 Author

Md Rakib Ali - 📧 Email: rakibislam13122018@gmail.com 🔗 GitHub: https://github.com/Rakibislam22


📄 License

Licensed under the MIT License.


About

Move Star Pro is a modern, animated, and responsive movie discovery web application built using React + Vite

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages