UAV Monitoring App - uav.yunusemre.dev

The UAV Monitoring App is a user-friendly web application designed for managing drones, their assigned tasks, and the images they capture. It interfaces with the UAV API, ensuring a streamlined and maintainable workflow. This document provides detailed instructions on installation, configuration, and usage of the UAV Monitoring App.

Live preview of the application: uav.yunusemre.dev

Prerequisites

Before installing the UAV Monitoring App, ensure that you have the following prerequisites installed on your system:

• Node.js (v14.x or higher)
• pnpm (v6.x or higher)

You need to have the UAV API installed and running.

Installation

1. Clone the repository

   git clone https://github.com/YuunsGit/uav-frontend.git

2. Navigate to the project directory and install the necessary dependencies using pnpm

   cd uav-frontend
   pnpm install

3. Create a .env or .env.local file in the root directory of the project and specify the VITE_API_URL to point to your UAV API endpoint

   VITE_API_URL=http://localhost:5000/api

Tech Stack:

• Vue as frontend framework
• TypeScript for typesafe development
• Tailwind CSS for utility CSS
• shadcn/ui for reusable components
• Vue Router for router
• VeeValidate for form library
• Zod for input validation
• TanStack Table for managing tables
• Vercel for app deployment