Traveloop – Personalized Travel Planning App

Traveloop is a comprehensive travel planning and budget management web application developed for hackathon purposes. It combines an intuitive user interface with powerful travel planning features to help users organize their trips efficiently.

📋 Table of Contents

• Features
• Technologies Used
• Project Structure
• Pages Overview
• Installation & Setup
• Usage
• Language Composition
• Project Goal
• Team
• Contributing
• License

✨ Features

• User Authentication: Secure login and signup functionality
• Trip Management: Create and manage multiple trips
• Multi-City Planning: Add and organize multiple cities in a single trip
• Itinerary Planning: Detailed day-by-day activity scheduling
• Budget Estimation: Track and estimate travel expenses
• Activity Planning: Organize activities, attractions, and events
• Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
• Interactive UI: Modern and visually appealing user interface

🛠️ Technologies Used

Frontend

• HTML5: Semantic markup and structure
• CSS3: Advanced styling and animations
• JavaScript: Dynamic functionality and interactivity
• Bootstrap 5: Responsive framework and pre-built components

Backend (Integration)

• Python: Backend logic and API integration with Odoo

Framework

• Odoo: Business management platform integration

📁 Project Structure

odoo-hackathon-project/
├── index.html              # Home page
├── login.html              # User authentication page
├── trip-planner.html       # Trip creation and management
├── budget.html             # Budget estimation page
├── itinerary.html          # Itinerary planning page
├── css/
│   └── styles.css          # Main stylesheet
├── js/
│   └── script.js           # Main JavaScript functionality
├── assets/                 # Images and static files
└── README.md               # Project documentation

📄 Pages Overview

🏠 Home Page

• Displays welcome section with project overview
• Main navigation menu
• Call-to-action buttons for login and trip planning

🔐 Login Page

• User authentication interface
• Login form for existing users
• Sign-up form for new users
• Form validation and error handling

✈️ Trip Planner

• Create new travel trips
• Add and manage multiple cities
• Set trip dates and durations
• Organize trip details

💰 Budget Page

• Estimate travel costs
• Track expenses by category
• View budget breakdown
• Calculate per-day expenses

📅 Itinerary Page

• View complete travel schedule
• Plan activities day-by-day
• Set time for each activity
• Add activity details and notes

🚀 Installation & Setup

Prerequisites

• Web browser (Chrome, Firefox, Safari, or Edge)
• Python 3.7+ (for backend integration)
• Odoo installation (optional, for full integration)

Steps

1. Clone the Repository

   git clone https://github.com/MayaJaisingh1995/odoo-hackathon-project.git
   cd odoo-hackathon-project

2. Open in Browser

   • Simply open index.html in your web browser to start using the application

3. Backend Setup (Optional)

   • Install Python dependencies
   • Configure Odoo integration as needed

💻 Usage

1. Get Started

   • Open the application in your browser
   • Click on the login page to create an account or sign in

2. Create a Trip

   • Navigate to the Trip Planner page
   • Fill in trip details (name, start date, end date)
   • Click "Create Trip"

3. Add Cities

   • Add multiple destinations to your trip
   • Specify duration for each city

4. Plan Activities

   • Go to the Itinerary page
   • Add activities for each day
   • Set times and descriptions

5. Estimate Budget

   • Visit the Budget page
   • Add expenses for accommodation, food, activities, etc.
   • View total estimated cost

📊 Language Composition

Language	Percentage	Bytes
HTML	84.7%	5,368
Python	8.3%	524
CSS	5.3%	335
JavaScript	1.1%	70

🎯 Project Goal

The goal of Traveloop is to simplify personalized travel planning through an easy-to-use, visually attractive, and feature-rich web application. We aim to provide travelers with a unified platform where they can plan trips, organize itineraries, estimate budgets, and manage their travel experiences efficiently.

👥 Team

DURGADEVI.M Hackathon Team

Member	Role
Gopika.M	Developer
Bhagya Lakshmi.M	Developer
DURGADEVI.M	Project Lead

🤝 Contributing

We welcome contributions! Please follow these steps:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License

This project is licensed under the MIT License. See the LICENSE file for details.

📞 Support

For questions or issues, please open an issue on the GitHub Issues page.

---

Last Updated: May 10, 2026

Status: Active Development 🚀

Made with ❤️ by the DURGADEVI.M Hackathon Team