Spaces:
Running
Running
Build a complete, mobile-friendly flight search web app named FlySaver ZA for South Africans to find the cheapest local and international flights. Core Features & Pages Homepage (Landing + Search Form) Inputs: Origin & Destination (dropdown with South African airports: JNB, CPT, DUR, PLZ, BFN) Departure & Return Date (calendar pickers) Trip Type toggle (One-way / Round-trip) Number of Passengers Cabin Class (Economy, Business, First) Search button labeled “Search Flights” Popular Routes section (e.g., Johannesburg–Cape Town) Results Page Display 10+ flight options sorted by price (lowest first) Each flight shows: Airline name and logo Departure and arrival times Flight duration Price in South African Rand (ZAR) “Book Now” button (placeholder or API integration) Optional filters: airline, duration, price Additional Pages About: Explain FlySaver ZA’s mission and focus on saving South Africans money Contact: Form with Name, Email, Message fields Travel Deals (optional): Cards with popular or dummy offers Design & UX Fully responsive, mobile-first layout using TailwindCSS Clean, simple UI inspired by Booking.com or Skyscanner Light/Dark mode toggle Tech Stack Frontend: HTML5, TailwindCSS, JavaScript Backend (optional): Node.js with Express or Python Flask Use static mock data initially, designed for easy API integration (e.g., TravelPayouts, Skyscanner) Currency format: South African Rand (ZAR) Deployment & Future Readiness SEO-friendly structure Public access, no login required Lightweight and fast-loading Easy to extend with monetisation features like affiliate tracking or ads Deliver a deployable app folder (frontend + backend) ready to run locally or host online. The default project name is FlySaver ZA, but it should be easily renameable. - Initial Deployment
5dff425 verified