🦸‍♂️ SupeDex: The Boys Universe Database (https://supedex-ve2.netlify.app/)

SupeDex is a fan-made web project inspired by The Boys universe — a digital encyclopedia of supes with unique stat cards, individual pages, and an upcoming AI-powered Versus Mode.
Built from scratch with HTML, CSS, and JavaScript, SupeDex is designed to evolve as the project (and its creator 😎) grows in web development skills.

---

🚀 Current Features

• Homepage Grid View:
  Displays all supes with their mini icons and names.
• Individual Stat Cards:
  Each supe has their own themed card design and animated stat bars.
• Translucent Design:
  A stylish semi-transparent card style for select characters.
• Universal Home Button:
  A top-left “Home” link on every card page for smooth navigation.
• Responsive Layout:
  Works across screen sizes — from desktop to mobile.

---

🧠 Upcoming Features & Future Roadmap

🥊 Versus Mode (AI-Powered)

• Users can select two supes to face off.
• Backend AI will analyze and generate a dynamic battle result based on their stats, lore, and abilities.
• Animated fight visuals and outcome narration will be added in later stages.

🧍‍♂️ More Supes Incoming

• Addition of characters like A-Train, Queen Maeve, Black Noir, Translucent, and many more.
• Each new supe will feature a unique CSS card theme and a consistent stat bar system.

🌐 Full-Stack Upgrade (Phase 2)

• Migration from a static HTML project to a Node.js + Express backend.
• Implementation of a database (MongoDB or Firebase) to store stats, user favorites, and match outcomes.
• Possible user authentication for personalized experiences.

🎨 UI / UX Enhancements

• Smooth transitions, hover effects, and card animations.
• A dedicated “About the Project” page describing the dev journey.

---

🛠️ Tech Stack

Category	Tools
Frontend	HTML5, CSS3, JavaScript
Backend (Planned)	Node.js, Express
Database (Planned)	MongoDB / Firebase
Hosting	Netlify / GitHub Pages

---

💡 Vision

SupeDex aims to be a living project — blending fandom, design, and code learning.
Each update brings new features, new supes, and new experiments in front-end & full-stack development.
The end goal: make SupeDex a complete, interactive, AI-enhanced superhero encyclopedia.

---

👨‍💻 Author

Suhrid — a passionate learner diving deep into Web Development and AI/ML,
building SupeDex as both a tribute to The Boys and a coding growth journey.

---

⚠️ Disclaimer:
All character names and references belong to the creators of The Boys universe.
This is a non-commercial fan project made purely for learning and creative purposes.