Case Study:

Harry Potter Movie

Full-Stack Development / Movie API

Developed a RESTful API using Laravel to manage Harry Potter movies and characters, supporting full CRUD operations tested through Postman.

Connected a Laravel API with Vue.js and AJAX to develop a dynamic Harry Potter movies and characters website, implementing partial data loading to optimize performance and user experience.

Project Period

2 weeks

Role

Back-End Developer / Front-End Developer

Tools

Laravel / Visual Studio Code / Vue.js

VISIT WEBSITE →

*This work is a student project created for educational purposes only. All trademarks, logos, and brand assets are the property of their respective owners.

Challenges

Using external application (Laravel, Postman, terminal), developed the RSETFull API that has connection.

Solution

Built a RESTful API using a simple initial structure while following best practices. Implemented a peer review process on GitHub before merging changes into the main branch to ensure quality and prevent errors.

Result

Developed a RESTful API for Harry Potter movies and characters and integrated it with Vue.js to retrieve data and build a well-designed, responsive website.

Learnings

Gained hands-on experience developing RESTful APIs using Laravel, structuring and managing relationships between multiple database tables for organized data flow.

Built skills in integrating APIs with Vue.js to dynamically load only necessary content, optimizing performance and preventing full-page reloads.