Dronex Frontend

Frontend implementation for the Dronex platform, a blockchain-based drone operations utility. This project is built as a responsive web application focusing on component architecture and code maintainability.

Features

• Responsive layout adapting to mobile, tablet, and desktop viewports
• Component-based UI architecture
• Dynamic UI animations using Framer Motion
• Modular CSS approach using Tailwind

Tech Stack

• Core: React 19, Vite
• Styling: Tailwind CSS v4
• Animation: Framer Motion
• Routing: React Router

Local Development

Prerequisites

• Node.js (v18 or higher recommended)

Setup Instructions

1. Clone the repository and navigate to the frontend directory:

   git clone <repository-url>
   cd Intern-Assessment-BC/frontend

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Access the application at http://localhost:5173.

Project Structure

frontend/
├── src/
│   ├── assets/       # Static assets (images, icons)
│   ├── components/   # Reusable UI and layout components
│   ├── pages/        # Application views
│   ├── App.jsx       # Root component
│   └── main.jsx      # Application entry point
├── index.html        # Main HTML template
├── tailwind.css      # Global styles and Tailwind configuration
└── package.json      # Dependencies and scripts