2023/Fullstack/course

CineBlue

A movie catalog should feel fast, but relying on CDNs and ad-hoc scripts makes the codebase untidy and difficult to maintain. I built CineBlue to prove that even a vanilla JavaScript app can be delivered with a professional build pipeline. The goal was to build a clean movie discovery platform using the TMDB API that is bundled strictly through Webpack.
I structured the frontend around ES6 custom elements to keep the UI components isolated and modular without reaching for a heavy framework. Instead of using runtime scripts from CDNs, I managed everything via package dependencies and bundled them with distinct Webpack environments for development and production.
CineBlue Showcase Mockup large
The biggest takeaway is that build discipline matters as much as the UI. Setting up proper bundling and compiling configs turns what could have been a messy static site into a structured, reviewable asset. This project reinforced that good software engineering is about organizing the development lifecycle, not just making a page look pretty.