🎬 Hesflix

Hesflix is a modern movie and TV show database built with the TMDB API, featuring genre filtering, search, authentication, favorites, actor pages, and dynamic loading skeletons for a polished user experience.

---

🌐 Live Demo

👉 View Hesflix Live

---

🚀 Technologies Used

• React — Frontend JavaScript library
• Vite — Lightning-fast development and build tool
• Tailwind CSS — Utility-first CSS framework
• Axios — Promise-based HTTP client
• MobX — Simple and scalable state management
• MockAPI — Mock backend for user and favorite data

---

🔥 Features

• 🎞 Browse and filter movies and TV shows by genre
• 🔍 Real-time search across all content
• 👤 Simple authentication system (signup/login)
• ⭐ Add and remove favorites, saved per user
• 🧑‍🎤 Dedicated actor pages with bios and known roles
• ⏳ Stylish skeleton loaders while content loads
• ☁️ All user data is persisted using MockAPI

---

🔑 APIs Used

• TMDB API — for movie, show, and actor data
• MockAPI — for storing users and favorites

You will need to configure API keys to run the app locally.

---

🛠 Installation and Development

1. Clone the repository

   git clone https://github.com/hesrun/reactMovie.git
   cd reactMovie

2. Install dependencies

   npm install

3. Create .env file in the root directory

   VITE_API_KEY=your_tmdb_api_key
   

4. Run the app in development

   npm run dev

5. Open http://localhost:5173 in your browser to use Hesflix locally.

---

📦 Build for Production

npm run build