Skip to content

Sabbirhossain97/Superheroes.io

Repository files navigation

🦸‍♂️ Superheroes.io

Superheroes.io is a sleek, AI-powered web app where users can explore and interact with uniquely generated superheroes.
Built with ❤️ using Lovable AI, it blends modern web tech with intuitive UI components.

🔗 Live Demo


✨ Features

  • 🤖 AI-generated UI with Lovable
  • ⚛️ Built using React + TypeScript + Vite
  • 🎨 Styled with TailwindCSS
  • 💡 Accessible components powered by Radix UI + shadcn/ui
  • ⚡ Blazing fast, clean, and responsive UI
  • 📜 Infinite scrolling: Loads 20 superheroes at a time as you scroll for seamless browsing
  • ⚔️ Compare Heroes: Easily compare two superheroes side by side by their information or stats like power, intelligence, and speed

📸 Preview

Preview of Superheroes.io


🧰 Tech Stack

  • React+Vite
  • TypeScript
  • Tailwind CSS
  • Shadcn + radix-ui
  • Lovable AI
  • Vercel (Hosting)

🚀 Getting Started

To run the project locally:

git clone https://github.com/Sabbirhossain97/Superheroes.io.git
cd Superheroes.io
npm install
npm run dev