CineWorld

Overview

CineWorld is a frontend movie website using the TMDB API, allowing users to browse movies, TV shows, and people, view details, sort and filter them and manage authentication.

Features

• Browse popular movies and TV shows
• View detailed movie, TV, and person profiles
• User authentication (Signup/Login)
• Responsive design

Project Structure

C:.
|   index.html
|   README.md
|   file_structure.txt
|
\---assets
    +---imgs
    +---pages
    |       home.html
    |       login.html
    |       movie.html
    |       movieDetails.html
    |       people.html
    |       personDetails.html
    |       signup.html
    |       tv.html
    |       tvDetails.html
    |
    +---scripts
    |       auth.js
    |       home.js
    |       index.js
    |       movie.js
    |       movieDetails.js
    |       people.js
    |       personDetails.js
    |       tv.js
    |       tvDetails.js
    |
    +---styles
    |       auth.css
    |       global.css
    |       home.css
    |       index.css
    |       movieDetails.css
    |       people.css
    |       personDetails.css
    |       tvDetails.css
    |
    \---utils
            api.js
            config.js

Installation

1. Clone the repository:

   git clone https://github.com/Ayman-Elfeky/CineWorld.git

2. Open index.html in your browser.

API Configuration

• The project uses the TMDB API.
• Configure API keys in ./assets/utils/api.js.

Technologies Used

• HTML, CSS, JavaScript and Bootstrap
• TMDB API for fetching movie/TV data

Contributions

Feel free to contribute by submitting a pull request.