Skip to content

README.md

Latest commit

 

History

History
120 lines (77 loc) · 2.18 KB

README.md

File metadata and controls

120 lines (77 loc) · 2.18 KB

⏳ Internet Time Machine Game

An interactive web-based game where users guess the year of famous websites based on their historical UI screenshots.

Built using pure HTML, CSS, and JavaScript — no frameworks required.

🚀 Live Demo

👉 https://timemachinegame.netlify.app/

🎮 How It Works

  • A screenshot of a famous website is shown
  • You guess the year using a slider
  • Points are awarded based on accuracy
  • Build streaks to unlock score multipliers

✨ Features

  • 🎯 Year guessing gameplay
  • 🔥 Streak & multiplier system
  • 📊 Score tracking (localStorage)
  • 🎚 Difficulty levels (Easy / Medium / Hard)
  • 🗂 Category filters (Social, Tech, E-commerce, etc.)
  • 💡 Fun facts for each website
  • 🎨 Retro UI with animations

🛠 Tech Stack

  • HTML5
  • CSS3 (with Tailwind CDN)
  • Vanilla JavaScript

📂 Project Structure

Internet-Time-Machine-Game/
│
├── index.html
├── screenshots/
├── README.md
├── .gitignore
└── LICENSE

⚙️ Run Locally

Simply open the file:

open index.html

or double-click index.html

🌐 Deployment

Hosted on Netlify:

👉 https://timemachinegame.netlify.app/

📸 Screenshots

Game UI Gameplay Gameplay Gameplay Gameplay

🎯 Learning Outcomes

This project demonstrates:

  • DOM manipulation
  • Game logic implementation
  • State management
  • UI/UX design
  • LocalStorage usage
  • Interactive frontend development

🔮 Future Improvements

  • Add sound effects 🎵
  • Add leaderboard system 🏆
  • Add timer-based gameplay ⏱
  • Mobile UX improvements 📱
  • More website datasets 📊

👨‍💻 Author

Tanish Agrawal

📄 License

MIT License