logo
logo

Plane Mover

Live URL
Plane Mover

Design

https://www.figma.com/design/oebbafPCXngsi1OaAmwiuw/Plane-Mover?m=auto&t=H8z5uxzMz95pSbV3-6

Overview

PlaneMover is a full-stack web platform designed to make aircraft advertising and discovery fast, intuitive, and scalable. The application allows users to browse aircraft for sale, post "wanted" requests, and explore aviation services. For sellers and service providers, it offers subscription-based advertising tools and media support to maximize visibility. The goal was to deliver a responsive, media-rich experience that works seamlessly across devices and caters to both buyers and advertisers.

Technologies

  • React
  • Node.js
  • JavaScript
  • Express
  • AWS S3 - (media hosting)
  • MongoDB

Features

  • Aircraft Listings: Browse and search aircraft by type, category, or keyword.
  • Wanted Requests: Users can post specific aircraft requests.
  • Service Directory: Explore aviation services such as avionics, maintenance, and training.
  • Advertising Model: Sellers can create free or paid listings with tiered subscription options.
  • Media Kit & Collateral: Integrated support for PDFs and high-resolution images to enhance listings.
  • Responsive Design: Optimized for both desktop and mobile browsing.

Development

  • Designed and implemented a React single-page application with modular components and dynamic routing.
  • Built a Node.js backend with REST APIs for listings, categories, subscriptions, and authentication.
  • Integrated advertising and subscription features, enabling sellers to promote aircraft and services.
  • Developed scalable media management to handle high-resolution images and PDFs for marketing collateral.
  • Focused on performance optimization, ensuring fast rendering and smooth filtering for large datasets.

Challenges

  • Scalable Listings: Needed to support a growing number of image-rich aircraft posts while keeping the app responsive.
  • Complex Business Logic: Implementing tiered subscription plans and advertising placements required robust backend logic.
  • Search & Filtering: Delivering instant, accurate results within the SPA environment was critical to user experience.
  • Media Handling: Managing file uploads and downloads for both advertisers and buyers while maintaining speed and reliability.
  • Balancing UX: Designing for two different audiences - buyers seeking simplicity and advertisers wanting visibility - required careful product decisions.

Conclusion

PlaneMover is a showcase of my ability to deliver a full-stack marketplace application from concept to production. It combines a modern React frontend with a Node.js backend to provide an intuitive user experience, scalable data management, and a flexible subscription model. Overcoming challenges like complex advertising logic and media-heavy content pushed me to design practical, performance-oriented solutions. The project reflects my strengths in frontend development, backend architecture, and building real-world products that solve specific business needs.