Complane

A simple step-by-step website to "complane" to Secretary Pete Buttigieg about bad experiences on US Airlines.

Hosted at minnick.co/complane

Implementation Task List

Using Markdown because JIRA would be overkill

App Structure, etc

• Logo and favicon
• Set up deployment to GH pages
• install tailwind
• add shadcn
  • install
  • add forms
• nav (v1.0.5)
  • start over
  • resume
  • prev
  • next
  • skip
• clean up starter code
• Footer (v1.0.6)
  • hire me info
  • paypal link

Landing Screen (v1.0)

• view + router
• blurb
• common complaints (v1.2)

Basic Flight Info Form (v1.0)

• view + router
• Airline Picker
  • Fix closing behavior (v1.2)
  • Add airline images (v1.2)
• Flight No input
• Date Picker
• Format page
• store
• Fix premature form validation (v1.1)
• Airport Code To/From (v1.2.5)

Check-in (v1.2)

• view + router
• yes/no
• text input
• store

Boarding (v1.2)

• view + router
• yes/no
• text input
• store

In-Flight (v1.0)

• view + router
• yes/no
• text input
• store
• unit tests

Arrival (v1.2)

• view + router
• yes/no
• text input
• store

Send to Pete (v1.0)

• view + router
• write letter
• format letter
• read from store
• email link
  • v1.0 email link
  • encode email body (v1.1)
  • 1 click button (v1.1)
• copy to clipboard (v1.1)
• print preview (v1.1)
• edge cases (v1.1)
  • user has no issues with flight
• Tone toggle: Normal / Joe Lycett (v1.3)

---

Running the project locally

Recommended IDE Setup

VSCode + Volar (and disable Vetur).

Type Support for .vue Imports in TS

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Lint with ESLint

npm run lint