UAV Protected Area Study - Web Application

A comprehensive environmental monitoring and research platform for protected river ecosystems using UAV technology.

Features

• Dashboard: Real-time monitoring and analytics
• Wildlife Wiki: Interactive species database with Leaflet maps
• Story Maps: ArcGIS interactive narratives
• Responsive Design: Works on all devices

Tech Stack

• Framework: Next.js 14 with App Router
• Styling: Tailwind CSS + shadcn/ui components
• Maps: Leaflet for interactive mapping
• Charts: Recharts for data visualization
• Deployment: GitHub Pages (Static Export)

Development

Prerequisites

• Node.js 18 or higher
• npm or yarn

Getting Started

1. Clone the repository: ```bash git clone https://github.com/yourusername/uav-study-web-app.git cd uav-study-web-app ```

2. Install dependencies: ```bash npm install ```

3. Run the development server: ```bash npm run dev ```

4. Open http://localhost:3000 in your browser.

Deployment

This project is automatically deployed to GitHub Pages using GitHub Actions.

Automatic Deployment

1. Push changes to the main branch
2. GitHub Actions will automatically build and deploy the site
3. The site will be available at: https://PatrickKvartsaniy.github.io/uav-study-web-app/

Manual Deployment

To deploy manually:

```bash npm run build ```

The static files will be generated in the out directory.

GitHub Pages Setup

1. Go to your repository settings
2. Navigate to "Pages" section
3. Set source to "GitHub Actions"
4. The workflow will handle the rest

Contributing

1. Fork the repository
2. Create a feature branch: git checkout -b feature-name
3. Make your changes
4. Commit your changes: git commit -am 'Add some feature'
5. Push to the branch: git push origin feature-name
6. Submit a pull request

License

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

Research Team

• Data Dissemination:
• Image Analysis:
• Sensors:
• Project Management:

Acknowledgments