PROJECT SYNOPSIS
Volcano Explorer is a React-based web app that allows users to explore global volcano data through interactive tables, maps, and charts.
This project involved creating a React-based web application that leverages a REST API to provide users with an interactive platform for exploring and analyzing global volcano data.
Designed as a centralized resource, the app offers detailed insights into each volcano's location, eruption history, elevation, and regional population density.
By combining an organized, user-friendly interface with powerful analytical tools, it facilitates a deeper understanding of volcanic activity worldwide.
Article featured on EEK - written by author Felix McNamara.
The application was designed with a clean, user-friendly, and minimalist aesthetic in mind. Large, relevant images fill negative space effectively, complemented by a modern color palette. The use of Helvetica Neue reinforces the sleek and minimal design approach. Below are wireframe sketches that shaped the final layout.
The navigation bar is simple and includes only the essentials: the site logo, explore page, login, and register. When logged in, the login/register buttons transform into a logout button. The nav bar is sticky and accessible on every page to help users navigate easily without getting lost.
Walkthrough of the app on mobile.
I also developed a dedicated iPhone version of the application to ensure full responsiveness and seamless accessibility on smaller screens.
API Endpoints
/countries
Allows for country selection.
/volcanoes
Allows for volcano selection and shows some extra volcano information.
Allows for volcano selection and shows some extra volcano information.
/volcanoes{id}
Provides specific information for each volcano.
/user/register
Allows the user to register an account.
/user/login
Allows the user to log in to their existing account.
Volcano Explorer displays my skills in React, API integration, and UX design. It reflects my ability to build responsive, data-driven applications with a focus on functionality and user-centric design.