• ⚡ Vercel: Live Website Link.

• Overview
• Features
• Tech Stack
• Quick Start
• Environment Setup
• Project Structure
• API Integration
• Demo & Screenshots
• Contributing
• Team
• License

AirTracker is a comprehensive flight booking platform built with modern web technologies. It offers intelligent flight search, real-time price tracking, secure payment processing, and a suite of travel companion features to enhance your booking experience.

• 🔍 Smart Flight Search - Find the best deals with AI-powered recommendations
• 📊 Price Intelligence - Track and alert on price changes
• 💳 Secure Payments - Multiple payment options with robust security
• 🎫 Digital Experience - Paperless boarding passes and travel management

• Intelligent Flight Search with city name autocomplete
• Real-time Price Tracking and alerts
• Dual Payment Integration (Razorpay + UPI)
• Digital Boarding Pass with QR codes
• Multi-city Trip Planner with route optimization
• Weather Insights and travel recommendations

• Dark/Light Mode with system preference detection
• Responsive Design for all devices
• PWA Support for offline functionality
• Enhanced Loading States with skeleton screens
• Currency Converter with real-time rates

• AI-Powered Recommendations for destinations
• Flexible Date Calendar with price heatmap
• Alternative Airport Suggestions
• Travel Companion Tools for group bookings
• Price Alert System with smart notifications

• Environment Variable Configuration
• Input Validation and sanitization
• Error Handling with user-friendly messages
• Firebase Integration for secure data storage
• Optimized Bundle Size with code splitting

• React 18 - Modern UI library with hooks
• Vite - Fast build tool and dev server
• Tailwind CSS - Utility-first CSS framework
• React Router - Client-side routing
• Lucide React - Beautiful icon library

• Firebase - Authentication and Firestore database
• Razorpay - Payment processing
• OpenWeather API - Weather data
• ExchangeRate API - Currency conversion

• ESLint - Code linting
• Git - Version control
• Netlify/Vercel - Deployment platforms

• Node.js (v16 or higher)
• npm or yarn
• Git

1. Clone the repository

   git clone https://github.com/sudhanshu-77/AirTracker.git
   cd AirTracker/AirTracker01

2. Install dependencies

   npm install

3. Set up environment variables

   cp .env.example .env
   # Edit .env with your API keys

4. Start development server

   npm run dev

5. Open your browser

   http://localhost:5173
   

Create a .env file in the root directory:

# Firebase Configuration
REACT_APP_FIREBASE_API_KEY=your_firebase_api_key
REACT_APP_FIREBASE_AUTH_DOMAIN=your_project.firebaseapp.com
REACT_APP_FIREBASE_PROJECT_ID=your_project_id
REACT_APP_FIREBASE_STORAGE_BUCKET=your_project.appspot.com
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
REACT_APP_FIREBASE_APP_ID=your_app_id

# API Keys
REACT_APP_RAZORPAY_KEY_ID=your_razorpay_key
REACT_APP_WEATHER_API_KEY=your_openweather_key
REACT_APP_EXCHANGE_API_KEY=your_exchange_api_key

1. Firebase: Console → Create Project → Get Config
2. Razorpay: Dashboard → Settings → API Keys
3. OpenWeather: API → Sign up → Get API Key
4. ExchangeRate: API → Free Plan → Get Key

AirTracker01/
├── public/                 # Static assets
├── src/
│   ├── Components/         # React components
│   │   ├── Home/          # Home page components
│   │   ├── Booking/       # Booking flow
│   │   ├── Payment/       # Payment processing
│   │   └── ...            # Other features
│   ├── Config/            # Configuration files
│   ├── constants.js       # App constants
│   └── App.jsx           # Main app component
├── .env.example          # Environment template
├── package.json          # Dependencies
└── README.md            # Documentation

npm run dev          # Start development server
npm run build        # Build for production
npm run preview      # Preview production build
npm run lint         # Run ESLint

# Vercel
npm run build
vercel --prod

# Netlify
npm run build
# Deploy dist/ folder

Watch Full Demo Video - Complete walkthrough of all features

We welcome contributions! Please see our Contributing Guide for details.

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit changes (git commit -m 'Add amazing feature')
4. Push to branch (git push origin feature/amazing-feature)
5. Open a Pull Request

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

• Firebase for backend services
• Razorpay for payment processing
• OpenWeather for weather data
• Tailwind CSS for styling
• React community for amazing tools

If you have any questions or need help:

• 📧 Email: sudhanshu.tripathi77@example.com
• 💼 LinkedIn: Sudhanshu Tripathi
• 🐛 Issues: GitHub Issues

• Real-time flight API integration
• Advanced analytics dashboard
• Mobile app (React Native)
• Machine learning recommendations
• Blockchain loyalty program