Hero Section - Project Case Study
Rick and Morty API
Simultaneous integration of frontend and backend programming using the Vue.js and Lumen frameworks to develop an API based on the theme of Rick and Morty.
Project Date
-
Date
01/12/2023
-
Type
Web App - API
-
Role
Web Designer, Front-End and Backend Developer
-
Team Members
Brayan Hortua
TECHNOLOGIES USED
Research and Project Overview
Challenge
The project involved creating a custom API for a web application that displayed information about each character. Additionally, it required making a second call to an external API with the same theme to fetch additional information specific to each character based on their name.
Brainstorming and Research
During the initial planning phase, ideas were explored related to developing a custom API for a web application that would serve as a character guide for the Rick and Morty series. The research was conducted on the documentation of Vue.js and Lumen to learn about their syntax.
Process
A database was set up with a specific table to store the details of each character. Using Lumen, the essential routes were designed to access and display the desired information in the browser. Subsequently, the API was connected to display a list of characters and make a second call to an external API, thus providing additional information within the same application environment.
Solution
The solution for this project involved developing an API using Lumen and a Vue.js instance to send and receive information to the website about each of the characters. Additionally, a connection to an external API was integrated to display additional data without relying on a new source of information, and an error handler and loading spinners were implemented to enhance the user experience.
