AJAX REDUX

Front-End Web Development

Research the Star Wars API to create a character/movie guide. Populate an unordered list with 10+ characters, each linked to a movie. When clicked, an AJAX call will fetch the movie title, opening crawl, and poster, displaying them in a separate section. Store the movie posters in your images folder.

This is for my about me section

Problem Statement

This project aims to create a responsive Star Wars character/movie guide using SWAPI and AJAX. Users can select a character to fetch and display an associated movie’s title, opening crawl, and poster. The guide will handle API errors, include a loading indicator, and utilize HTML templates and GreenSock animations for an enhanced user experience.

This is for my work or project showcase section

My Role

As a Front-End Developer for this project, my role involved designing and implementing the interactive user interface for the Star Wars character/movie guide. I was responsible for integrating the SWAPI to fetch character and movie data dynamically using AJAX, ensuring a seamless user experience. I also handled the responsiveness of the guide across devices, added error handling for API requests, implemented a loading indicator, and enhanced the user interface with GreenSock animations for smooth interactions.

This is for the services that I can offer.

Project Concept

The Star Wars Character & Movie Guide is an interactive, responsive web app that fetches data from SWAPI using AJAX. Users can explore a list of characters, each linking to an associated movie. Clicking a character dynamically displays the movie title, opening crawl, and poster. The guide includes error handling, a loading indicator, and animations for a smooth user experience.

This is for the skills and tools showcase section

Design Process

This is for the experience and education

Final Deliverable

The final deliverable is a fully functional, responsive Star Wars character/movie guide. It features an interactive list of characters linked to their movies, dynamic AJAX content retrieval, error handling, a loading indicator, and GreenSock animations for an engaging user experience.

Project URL