Skip to content

angad-singh97/AeroSageUI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AeroSage UI

Overview: This standalone project serves as the front-end module of the AeroSage web-application, that is a part of the two-part Full-Stack project in Java and React.

Built using ReactJS, this component provides the user interface for the homepage, airport overview, flight search and blogpost pages. It makes use of React Router to handle page navigation without refreshing the page. Calls to the Spring Boot backend are made using Axios.

How It Works:

The goal of this project was to understand how a ReactJS project is structured and makes use of reusable UI components to deliver a lightweight and seamless development experience. Each of the UI components have been logically structured to be available for use anywhere within the application context. I have also explored the integration of action-based animations to make the user experience more visually intuitive.

The UI components here are primarily modeled in HTML and CSS, using the flexbox and grid models extensively for styling. Asynchronous backend calls are back through the Axios dependency with a wait animation during the flight search action. The look and feel is inspired by a Windows-8 like minimal, tile-based design language.

This project is a work-in-progress.

About

Frontend interface for AeroSage flight search engine, built with React.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published