City Info Travel ✈️ — a vanilla JavaScript travel sales app displaying tourist city info and pricing (Barcelona, Rome, Paris, London). Dynamic content swapping on click, no frameworks or dependencies. A tutorial-style project hosted on GitHub Pages. By Manuel Nieto (NietoDeveloper). 🇨🇴
https://nietodeveloper.github.io/CityInfoTravel/ ↗// readme
📋 Overview
City Info Travel is a travel sales application built with vanilla JavaScript. This tutorial-style project walks through building an app that displays information about different tourist cities and their associated prices. No frameworks or dependencies required.
🗂️ Project Structure
CityInfoTravel/
└── assets/
├── css/ # Stylesheets
├── img/ # City images
└── js/ # JavaScript logic (app.js, ciudades.js)
🔄 City Selection Flow
flowchart LR
A([👤 Visitor]) -->|Clicks City Link| B[Click Event Listener]
B -->|Toggle 'active' Class| C[Update Nav State]
B -->|Look Up City| D[obtenerContenido]
D -->|Reads| E[ciudades.js\nBarcelona / Rome / Paris / London]
E -->|Data| F[Update DOM]
F --> G([📄 Title · Subtitle · Description · Price])
style A fill:#FFD700,color:#000,stroke:#FFD700
style D fill:#F7DF1E,color:#000,stroke:#F7DF1E
style G fill:#000,color:#FFD700,stroke:#FFD700
🛠️ Technologies Used
| Layer | Technologies |
|---|---|
| 🎨… |