HEROES
ASSOCIATION

Single page Application fh course

Overview

Heroes SPA is a single-page web application (SPA) designed to offer a smooth and dynamic experience in hero management. Users can navigate between different sections of the application, apply filters to the data, and manage their user session. Authentication and route management ensure a personalized and secure experience.

Development

In the development of **Heroes SPA**, I used react-router-dom to manage different sections of the application, such as viewing a list of heroes, individual details, and custom filters. Multiple routers were set up to efficiently organize these sections.

To handle navigation, I implemented the ability to read arguments from the URL to customize content display, allowing specific hero details to be shown or filters to be applied based on URL parameters.

Additionally, I included a feature to remember the last route visited before logging out or leaving the application. When logging back in, the user is automatically redirected to this route.

Technologies

heroes image
Project Details GO TO CODE
heroe image