⏳ TimeMachine

An interactive time-travel booking interface developed as a Human-Computer Interaction (HCI) project.

Overview

TimeMachine is a browser-based interactive prototype that guides users through the process of planning a fictional time-travel journey.

The interface uses a structured, multi-step flow to collect traveler information, destination, travel date, duration, return location, and final confirmation.

📸 Screenshots

Welcome

Destination Selection

Journey Summary

Arrival

Features

• Multi-step guided user journey
• Traveler information validation
• Destination search and autocomplete
• Interactive destination globe
• Past / Future travel selection
• Dynamic date and duration selection
• Custom return location
• Journey summary with editing
• Safety acknowledgement
• Animated time-travel sequence
• Arrival confirmation screen
• Responsive interface

HCI / UX Concepts

The project demonstrates:

• Progressive disclosure
• Immediate user feedback
• Error prevention
• User control and navigation
• Visibility of system status
• Consistent visual design
• Interactive feedback and animations

Tech Stack

• HTML5
• CSS3
• JavaScript
• SVG
• Google Fonts

How to Run

Clone the repository:

git clone https://github.com/priya1040/TimeMachine.git