VX AVIATION

Flight school lessons all over Tampa Bay

Project URL	Github Repository
vxaviation.arielbehar.com	github.com/ariel-behar/vx-aviation

Project Description

VX Aviation is what you would consider a “one-stop-shop” for all of your aviation needs. The web app is designed to showcase the school's activities and highlight its owner - a licensed flight instructor with over 25 years of experience in teaching and commercial aviation.

Release Date

Legacy Version - Aug 2017

Latest Version - Feb 2024

Quick Start

Development mode

1. In the terminal, navigate to the project's folder

2. Execute the following command:

npm run dev

3. The development server will run on http://localhost:5173

Production mode

1. Execute the following command to create a production build for the project:

npm run build

2. Once the creation of the production build has been finalized, execute the following command:

npm run preview

3. If the port 4173 is available, the production build will be served on http://localhost:4173

Technological Overview

Vx Aviation is a vite-based, TypeScript-typed React app. It utilizes Tailwind CSS and the Material-Tailwind component library for streamlined, responsive styling. Framer Motion has been used to enhance animations, while React Hook Form and Yup manage form state and validation. Metadata management has been achieved with React Helmet.

Tech Stack

Javascript Framework

React (+Vite)

Javascript Superscript

Typescript

CSS Frameworks/Libraries/Pre-Processors

SCSS
Tailwind CSS
Material-Tailwind

Deployment

Vercel