WARNING: THIS SITE IS A MIRROR OF GITHUB.COM / IT CANNOT LOGIN OR REGISTER ACCOUNTS / THE CONTENTS ARE PROVIDED AS-IS / THIS SITE ASSUMES NO RESPONSIBILITY FOR ANY DISPLAYED CONTENT OR LINKS / IF YOU FOUND SOMETHING MAY NOT GOOD FOR EVERYONE, CONTACT ADMIN AT ilovescratch@foxmail.com
Skip to content

rizwanwebdev/movies-explorer

Repository files navigation

🎥 Movie Database Application 🎥

The Movie Database Application is a web-based platform that allows users to browse and explore movies, including their details, reviews, and related posts. The application is built using React, Vite, and Tailwind CSS, and it utilizes the TMDB API to fetch movie data. The project aims to provide a user-friendly and interactive interface for movie enthusiasts to discover new movies and stay up-to-date with the latest releases.

🔴 Live Demo: Films-Explorer.netlify.app

🚀 Features

  • Browse movies by genre, release date, and rating
  • View detailed movie information, including posters, trailers, and reviews
  • Search for movies by title, genre, or keyword
  • Explore related posts and recommendations
  • User-friendly and responsive interface

🛠️ Tech Stack

  • Frontend: React, Vite, Tailwind CSS
  • Backend: TMDB API
  • Database: None (uses TMDB API for data fetching)
  • Build Tools: Vite, Webpack
  • Dependencies: React, React DOM, React Router DOM, Swiper, Lucide React, ESLint

📦 Installation

To get started with the project, follow these steps:

  1. Clone the repository using git clone https://github.com/your-username/your-repo-name.git
  2. Install the dependencies using npm install or yarn install
  3. Start the development server using npm run dev or yarn dev

💻 Usage

  1. Open the application in your web browser at http://localhost:3000
  2. Browse movies by genre, release date, or rating
  3. Search for movies by title, genre, or keyword
  4. View detailed movie information, including posters, trailers, and reviews
  5. Explore related posts and recommendations

📂 Project Structure

.
├── index.html
├── vite.config.js
├── package.json
├── src
│ ├── main.jsx
│ ├── App.jsx
│ ├── api
│ │ ├── tmdb.js
│ ├── components
│ │ ├── MovieCards.jsx
│ │ ├── Header.jsx
│ │ ├── HeroHome.jsx
│ ├── pages
│ │ ├── Home.jsx
│ │ ├── MovieDetails.jsx
│ ├── styles
│ │ ├── globals.css
│ │ ├── index.css

📸 Screenshots

🤝 Contributing

Contributions are welcome! If you'd like to contribute to the project, please fork the repository and submit a pull request with your changes.

📝 License

The Movie Database Application is licensed under the MIT License.

📬 Contact

For any questions or concerns, please contact us.

About

A web app to explore movies, view details, and discover new films.

Topics

Resources

Stars

Watchers

Forks