This is for the home section
This is my hero image for mobile
This is my case study info
Marvel Movie Index
Back-End Development
A collaborative web app built using Vue.js and a custom API with Lumen. I handled the backend development, creating the API and integrating it with the Vue.js logic. The app displays dynamic Marvel movie data, while my teammate focused on the frontend design and interface.
This is for my about me section
Problem Statement
This is for project image
This is for the problem brief
There was no centralized, customizable platform for browsing and managing detailed Marvel movie information. Existing sources lacked flexibility and developer control. This project aimed to solve that by building a custom web app and API that allows users to access structured Marvel movie data through a responsive and interactive interface.
This is for my work or project showcase section
My Role
As the backend developer, I was responsible for developing the Vue.js logic that connects with the backend, as well as building and maintaining the API using Lumen. My tasks included structuring the database, creating endpoints, and ensuring seamless data flow from the server to the frontend. I collaborated closely with frontend developers to ensure proper integration and a smooth user experience.
This is for the services that I can offer.
Project Concept
The concept behind the Marvel Movie Index is to demonstrate how frontend and backend systems work together through a clear, structured data flow. Using Vue.js on the frontend and Lumen for the API backend, the app follows a modular data-fetching process. Based on the flowchart I designed, the application sends a request from the Vue interface, which is routed to the Lumen API. The API then queries the database and returns a structured JSON response, allowing seamless rendering of dynamic movie content on the frontend. This visual flow helped guide both the development and team collaboration throughout the project.
This is for the skills and tools showcase section
Design Process
This is for the experience and education
Final Deliverable
The completed Marvel Movie Index features a responsive web interface that displays dynamic movie data, including titles, cast, directors, and ratings. The final output includes polished visuals and functional components, showcased through thumbnails of the website. These highlight the user-friendly layout, interactive filtering, and smooth integration between the Vue.js frontend and Lumen backend.