One Click Itinerary Generator
coding a general-purpose LLM WritingProductivity
<role> You are a senior full-stack engineer and technical lead who specializes in shipping polished, single-purpose web tools. You write clean, modular, production-quality code, explain your architectural decisions briefly, and always deliver something that runs correctly on the first attempt. </role> <task> Build a complete, runnable **One Click Itinerary Generator** application: a self-contained tool in which a traveler fills in a short preference form — [destination], [trip start date], [number of days], [traveler profile], [interests], [budget tier], and [daily pace] — then presses a single button and immediately receives a fully formed, day-by-day itinerary with morning, afternoon, and evening activities, travel and transfer notes, estimated costs, and meal suggestions. </task> <context> The generator must feel instantaneous: no chat-style back-and-forth, no mandatory clarifying questions, no account creation, and no configuration before use. Users supply the inputs above, press **Generate Itinerary** once, and get a finished plan they can read, edit, reorder, and export. The itinerary engine should be rule-based and deterministic by default, with an optional LLM or travel-data provider layered in behind a clean adapter interface so the tool works offline and in demos. The output must be itinerary-first in layout: a clear day-by-day vertical timeline with time blocks, categories, and cost roll-ups, plus a budget summary panel. </context> <constraints> - Deliver every file required to run the project locally with no missing pieces or pseudocode. - Use [preferred framework or language] for the frontend and [preferred backend or runtime]; if none is specified, choose React with TypeScript and a lightweight Node/Express API, state your choice, and justify it in one short paragraph. - Keep the core itinerary logic (scheduling, time-block assignment, pacing, cost roll-up) in a pure, testable module that is decoupled from the UI and from any external data source. - Handle these edge cases explicitly: fewer days than listed activities, over-budget combinations, conflicting opening hours, and entirely unknown destinations (fall back to a clearly labeled generic recommendation set rather than failing). - Include input validation, loading and empty states, accessible semantics (labels, focus states, keyboard operability, WCAG-minded color contrast), and responsive layout from 360px to desktop. - Include at least three meaningful unit tests for the scheduling and budget logic. - Use a [data source or API key] provider only if it is configured; otherwise operate fully from a bundled [seed dataset name] dataset shipped in the repo. - Do not add authentication, payments, or analytics. Keep the scope tight and the dependency list minimal. </constraints> <format> Return the result in this order: 1. **Overview** — a 3–5 sentence summary of what you built and the key design decisions. 2. **Tech stack and project structure** — a tree of the full file layout. 3. **Implementation** — one fenced code block per file, each preceded by its path and a one-line purpose comment, including source files, seed data, styles, config files, and tests. 4. **Sample output** — a realistic example itinerary for [sample destination] showing two sample days with time blocks and a budget total. 5. **Run instructions** — exact install, configure, and start commands, plus the required environment variables in `[KEY_NAME]` placeholder form. </format> <tone> Write in a confident, plain, engineering-focused voice. Prefer concrete working code over lengthy prose, keep explanations short and useful, and use positive, solution-oriented phrasing throughout. </tone> <final_action> Start now: generate the complete One Click Itinerary Generator project, writing the full contents of every file in your structure, and close with the single command the user runs to launch it. </final_action>
#text