Airport Resource Management System

The Airport Resource Management System is a web application built with Next.js for managing airport resources. It provides a user-friendly interface for exploring aviation data, such as helicopters, aircraft, special vehicles, airports, and airlines, while also allowing users to create and manage their own airports.

This project enables users to explore, manage, and monitor airport resources efficiently, offering a seamless experience for both authorized and unauthorized users.

Table of Contents

• Airport Resource Management System
• Features
• Tech Stack
• Usage
• API Documentation
• Installation
  • Clone the Repository
  • Install Dependencies
• Environment Variables
• Running the App
• License

Features

• Dynamic Dashboard:

  • View and manage airport resources such as cars, airplanes, helicopters, airports, airlines and more.
  • Real-time updates using API integration with the backend.

• Authentication System:

  • Secure login and session management with JWT-based authentication.
  • OAuth-based authentication via GitHub and Google.

• Search and Filter:

  • Advanced search and filtering options for resources based on various criteria.

• Interactive Forms:

  • Robust form validation using React Hook Form and Yup.

• Animations:

  • Smooth transitions and engaging user interactions powered by Framer Motion.

Tech Stack

• Frontend Framework: Next.js
• Frontend Styling Framework Tailwind CSS
• UI Library: Material-UI (MUI)
• State Management: Jotai
• Validation: React Hook Form and Yup
• Animations: Framer Motion
• API Integration: Airport Resource Management System API
• Image Optimization Sharp
• Programming Language TypeScript

Usage

• Unauthorized Users:

  • Browse basic information about airport resources such as helicopters, airplanes, cars, airports, and airlines.

• Authorized Users:

  • Add real-world or custom airports through the dashboard.
  • Join existing airports to collaborate on resource management with other users.
  • Manage airport resources via an airport profile page.

API Documentation

For details on API, refer to the API Documentation.

Installation

Clone the Repository

$ git clone https://github.com/Pier228/airport-resource-management-system-frontend.git
$ cd airport-resource-management-system-frontend

Install Dependencies

$ npm install
# or
$ yarn install
#or
$ pnpm install

Environment Variables

Create a .env file in the root directory and configure the following environment variables:

• NEXT_PUBLIC_SKY_HUB_API_URL: Base URL of the backend API.
  Example: https://skyhub-backend.com

You can also see example of needed environment variables in .env.example

Running the App

# Development mode
$ npm run dev

# Build for production
$ npm run build
$ npm run start

License

This project is licensed under the MIT License. See the LICENSE file for details.