DroneDeck - Full-Stack Drone Flight Planning Platform | Complete System Design Walkthrough
Автор: Shubham Banekar
Загружено: 2026-01-20
Просмотров: 29
I built a production-ready drone flight planning web app from scratch. In this video, I walk through the entire system - from architecture decisions to the code that makes it work.
www.dronedeck.tech
TECH STACK
• Frontend: Vue 3 (Composition API), Pinia, Leaflet.js
• Backend: Node.js, Express, MariaDB
• Infrastructure: Nginx, PM2, Redis, Cloudflare
• APIs: FAA, OpenWeather, OpenAIP, SunCalc
KEY FEATURES
• Real-time weather & airspace data
• Interactive flight planning with waypoints
• Pre-flight checklists (IMSAFE, equipment)
• Golden hour/sunrise notifications
• Full auth system with 2FA
• Admin panel with feature flags
• Guest mode with data migration
TOPICS COVERED
• Vue 3 Composition API patterns
• Pinia state management
• JWT authentication (access + refresh tokens)
• REST API design
• Database schema design
• Caching strategies with Redis
• Handling race conditions (Leaflet + Vue)
• Dual-mode architecture (guest/auth)
• Production deployment
This project demonstrates:
Full-stack development skills
System design thinking
Real-world problem solving
Production-ready code practices
Built as a portfolio project to showcase end-to-end development capabilities.
#webdevelopment #vue3 #nodejs #fullstack #systemdesign #portfolio #drone #javascript
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
