🌍 TourDocs - Tourism Travel Document Generator

An automated solution for tourism agents at the Brazil border to generate legally compliant PDF travel documents with passenger information and company details.

🎯 Overview

Lightweight, static web application that runs directly from index.html - no server required. TourDocs guides tourism agents through a step-by-step process to generate professional travel documents, storing company information locally for quick reuse.

Built with Vue.js as a learning project to expand frontend framework expertise from React to Vue.

✨ Key Features

• PDF Document Generation - Automated legal travel documents with passenger info and company details
• Company Data Storage - Save company information and logos locally using IndexedDB
• Step-by-Step Wizard - Intuitive interface guiding users through document creation
• Fully Offline - Runs statically from index.html, no server needed
• Privacy-First - All data stored locally in the browser, no external transmission

🛠️ Tech Stack

• Vue 3 (Composition API), Vite, SCSS
• IndexedDB for local storage
• PDF generation with JavaScript libraries
• Static deployment (no backend required)

🚀 Getting Started

Quick Start (No Server Required)

This application is super lightweight and runs statically once built:

# Clone the repository
git clone https://github.com/ETVO/tourdocs.git
cd tourdocs

# Install dependencies and build
npm install
npm run build

# Open dist/index.html in your browser - that's it!

After building, simply open dist/index.html in any modern browser. The entire dist folder can be deployed to any static hosting or run locally with no backend infrastructure.

Development Setup

For development or making modifications:

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

💡 Use Cases

• Tourism Agencies - Generate travel documents for cross-border tours
• Border Operations - Streamline documentation for international travel
• Travel Compliance - Ensure legal requirements are met for passenger transport
• Document Automation - Replace manual document creation with automated workflow

🎓 Learning Objectives

This project served as a practical learning experience to transition from React to Vue.js while building a real-world application with:

• Vue 3 Composition API and reactivity system
• PDF generation and image handling
• IndexedDB for local data persistence
• Multi-step form workflows

👤 Author

Estevão Pereira Rolim - @ETVO | LinkedIn

---

Developed as a freelance project for tourism agents at Brazil border. Built with Vue.js to expand framework expertise from React.

README generated in collaboration with Claude AI.