Movie Database

Demo here

Sigrid Mortensen
GitHub · LinkedIn

---

Overview

Flix App displays up-to-date movie and TV show information with detailed search capabilities, powered by a third-party API. Built with vanilla JavaScript, HTML, and CSS, this project focuses on modern async JavaScript, user-centric design, and front-end API integration without frameworks.

---

Features

• Browse trending movies and TV shows
• Detailed search for individual movies and shows
• Get cast, ratings, and summaries for each title
• Mobile-responsive design
• Beautiful, interactive UI
• Asynchronous API calls fetch live data
• Clean, modular codebase

---

Technologies Used

• JavaScript (ES6+)
• HTML5/CSS3
• External API https://www.themoviedb.org/
• No frameworks or build tools

---

Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Edge, Safari)
• (Optional) VS Code with Live Server

Run Locally

1. Clone the repository:

   git clone https://github.com/SigridM/flix-app.git
   

2. Open project folder:
   with VS Code or your preferred editor

3. Launch the app:

   • Double-click index.html in your project folder
   • OR (recommended): Right-click index.html in VS Code and select “Open with Live Server”

No backend, npm install, or build steps required!

---

Screenshots

---

What I Learned

• Integrated with a live external movie/TV database API using fetch and async JavaScript
• Built a responsive user interface from scratch with vanilla JS
• Implemented dynamic searching and data display
• Managed state and user input for a seamless search experience
• Practiced project structuring and code readability for front-end apps

---

License

This project is released under the MIT License. See the LICENSE file for details.