https://github.com/mazenessam99/mazflix

Mazflix is a modern **movie and TV show streaming platform** built with React + Vite. It allows users to browse trending movies and TV shows, see detailed information, and add content to their wishlist. This project features user authentication and smooth animations for an interactive experience.
https://github.com/mazenessam99/mazflix

html-css-javascript movie-web-app react-hooks react-router reactjs tailwindcss ui-design

Last synced: about 2 months ago
JSON representation

Mazflix is a modern **movie and TV show streaming platform** built with React + Vite. It allows users to browse trending movies and TV shows, see detailed information, and add content to their wishlist. This project features user authentication and smooth animations for an interactive experience.

• Host: GitHub
• URL: https://github.com/mazenessam99/mazflix
• Owner: mazenessam99
• Created: 2025-09-13T18:03:40.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2025-09-13T20:17:08.000Z (10 months ago)
• Last Synced: 2025-09-13T21:12:33.608Z (10 months ago)
• Topics: html-css-javascript, movie-web-app, react-hooks, react-router, reactjs, tailwindcss, ui-design
• Language: JavaScript
• Homepage: https://github.com/mazenessam99/Mazflix
• Size: 3.54 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🎬 Mazflix

Mazflix is a modern **movie and TV show streaming platform** built with React + Vite.  

It allows users to browse trending movies and TV shows, see detailed information, and add content to their wishlist.

This project features user authentication and smooth animations for an interactive experience.

---

🔥 Features

- Login / SignUp system for users

- Home page with trending movies and TV shows

- Movie and TV show details pages

- Add movies/TV shows to wishlist

- 404 page for invalid routes

- Scroll animations using AOS

- Dark Mode toggle

- Scroll to Top button

---

🛠️ Technologies Used

Languages

- ![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=flat&logo=javascript&logoColor=black)

- ![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=flat&logo=html5&logoColor=white)

- ![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=flat&logo=css3&logoColor=white)

Libraries & Frameworks

- ![React](https://img.shields.io/badge/React-61DAFB?style=flat&logo=react&logoColor=black)

- ![Vite](https://img.shields.io/badge/Vite-646CFF?style=flat&logo=vite&logoColor=white)

- ![Redux](https://img.shields.io/badge/Redux-764ABC?style=flat&logo=redux&logoColor=white)

- ![React Router](https://img.shields.io/badge/React_Router-CA4245?style=flat&logo=react-router&logoColor=white)

- ![React Toastify](https://img.shields.io/badge/React_Toastify-FF6F61?style=flat)

- ![AOS](https://img.shields.io/badge/AOS-00BFFF?style=flat)

---

🌐 Live Demo

The project is deployed on GitHub Pages:

https://mazenessam99.github.io/Mazflix

📂 Project Structure

    Mazflix/

       ├─ src/

          │  ├─ Components/      ← Common components like NavBar & Footer

          │  ├─ Pages/           ← Pages like Home, Login, Movies, TVShows

          │  ├─ Store/           ← Redux store and slices

          │  └─ assets/          ← Images and logos

          ├─ public/

          ├─ package.json

          ├─ vite.config.js

          └─ README.md

✨ Contribution

    - Feel free to open a Pull Request or create an Issue to suggest new features or improvements.     

⚙️ How to Run Locally

1. Clone the repository: git clone https://github.com/mazenessam99/Mazflix.git

2. cd Mazflix

3. npm install

4. npm run dev

5. Open the project in your browser

   -- Open: http://localhost:5173/  Or the URL shown in your terminal after running npm run dev.

💡 Tips:

-- Make sure you have Node.js and npm installed.

-- If you want to stop the server, press Ctrl + C in the terminal.

-- You can explore different pages via the navigation bar or by URL hash routes.