Skip to content

Konarksharma13/bug-tales

Repository files navigation

🐞 Bug Tales

Turn your bugs into epic stories and clever fixes!
Bug Tales is a fun and elegant space-themed React app where you upload error screenshots and get back:

  • A whimsical story describing your bug
  • A practical solution with copy-to-clipboard support

Instead of:
NullPointerException at line 42
You get:
"In the Kingdom of Nullia, a brave knight ventured into line 42 only to find nothingness. The fix? Initialize thy variable before thou usest it."

Yes, debugging — but with vibes & smiles.


How It Works

  1. Upload a screenshot of your error.
  2. Pick a persona (wizard, pirate, bard, comedian, cosmic traveler,..).
  3. Hit Launch a story.
  4. Boom → you get:
    • A quirky short story of your bug.
    • The real solution to fix it.

Personas

  • Wizard: magical LOTR vibes
  • Pirate: exaggerated sea shanty
  • Bard: poetic rhymes
  • Cosmic Explorer: sci-fi wonder
  • Comedian: debugging with punchlines

Tech Magic

  • Google Cloud Run + Gemini AI → reads error screenshots, writes stories + fixes.
  • Node.js + Express → backend brain.
  • React → shiny frontend with glowing cards.

Getting Started

1️⃣ Clone the repository

git clone https://github.com/<your-username>/bug-tales.git
cd bug-tales

2️⃣ Install dependencies

npm install

3️⃣ Run the dev server

npm run dev

Now open 👉 http://localhost:5173 in your browser.

4️⃣ Build for production

npm run build

Author

Made with ❤️ by Konark Sharma

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published