Filmly is a movie discovery web app that pulls live data from a third-party API and presents it through a clean, responsive interface. Users can browse trending films, search by title, and view detailed information about each movie.
The Problem
Most movie databases feel cluttered and overwhelming. I wanted to build something that strips away the noise and gives users a fast, intuitive way to find what they're looking for.
What I Built
A responsive frontend that works seamlessly across desktop, tablet, and mobile
Live API integration pulling real-time movie data (titles, ratings, posters, descriptions)
Search functionality with instant results
Clean card-based UI for browsing and discovery
Smooth transitions and loading states for a polished user experience
Technical Details
Built with HTML, CSS, JavaScript, and Bootstrap. The app fetches data from a movie API, handles asynchronous requests, parses JSON responses, and renders everything dynamically in the browser. No frameworks, just clean vanilla JS doing the heavy lifting.
What I Learned
This project sharpened my skills in working with RESTful APIs, handling async data flows, and building interfaces that feel fast even when they're waiting on external data. It also reinforced how much good UI structure matters when you're displaying dense information.
Like this project
Posted May 19, 2026
A responsive movie discovery app built with vanilla JavaScript and Bootstrap, pulling live data from a movie API with search, browsing, and detailed film views.