Skip to content

lylxn/Trayko

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Trayko Banner

🎉 Trayko — Discover the Web, Collect Badges Effortlessly

Trayko is a lightweight browser extension that transforms everyday browsing into a playful adventure. Unlock badges by stumbling upon hidden internet easter eggs, track your progress in real time, and enjoy a clean, distraction‑free interface.


📋 Overview

Trayko runs silently in the background, detecting supported pages and events. When you trigger an easter egg, Trayko instantly updates your badge collection. The goal: make exploring the web rewarding, fast, and fun — without slowing you down.


🛠️ How I Built This

Trayko was designed with simplicity and performance in mind:

  • Background Script → Handles event detection and badge unlocking logic.
  • Popup UI → Built with HTML/CSS/JavaScript for a clean badge viewer.
  • Manifest v3 → Ensures compatibility with modern browsers and extension APIs.
  • Badge System → JSON‑structured badge definitions, dynamically updated when events are triggered.
  • Real‑Time Updates → Uses Chrome’s messaging API to sync background events with the popup interface instantly.

Development workflow:

  1. Prototype → Started with a minimal manifest + background script to detect page visits.
  2. Badge Logic → Added condition checks for easter egg triggers.
  3. UI Design → Built a popup with responsive layout and badge grid.
  4. Optimization → Minimized resource usage so Trayko runs quietly without slowing browsing.

🌐 Tech Stack

Layer Technology Used
Core Logic JavaScript (ES6)
UI HTML5, CSS3 (Flexbox/Grid)
Browser APIs Chrome Extension APIs (Manifest v3)
Data Handling JSON for badge definitions
Version Control Git + GitHub

🚀 Getting Started

Installing Trayko is simple:

  1. Visit the Releases page.
  2. Download the latest version for your browser.
  3. For Chrome:
    • Open Chrome and go to Extensions (⋮ > More Tools > Extensions).
    • Enable Developer Mode (top right).
    • Click Load unpacked and select the Trayko folder.
  4. Done! Trayko is now ready to collect badges while you browse.

🌟 Features

  • Badge Collecting → Earn badges by visiting hidden corners of the internet.
  • Clean Popup UI → Organized badge icons with smooth navigation.
  • Lightweight & Fast → Runs silently in the background, no clutter.
  • Cross‑Browser Support → Works on modern browsers that support Chrome extensions.

🎯 How It Works

  1. Install Trayko.
  2. Browse the web as usual.
  3. Trigger easter eggs → Trayko unlocks badges automatically.
  4. View your collection in the popup interface.

📈 Project Status

Trayko is actively evolving — new badges and easter eggs are added regularly. Contributions, ideas, and feedback are welcome!


📞 Support

Found a bug or have a suggestion? Open an issue on the GitHub Issues page.


📄 License

Trayko is open‑source under the MIT License. Feel free to fork, improve, and share.


🔗 Links


✅ Conclusion

Trayko makes browsing the web more fun. Whether you’re a casual user or an explorer chasing hidden gems, Trayko rewards your curiosity with badges and a smooth experience.

Download the latest release and start collecting today!