Shrek-YourOgreBae 🧅💚

Shrek-YourOgreBae is an interactive and chaotic AI chatbot experience inspired by the Shrek universe! Whether you want to chat with Shrek, Donkey, or other beloved fairytale creatures, play a twisted Hangman game, or get some questionable ogre wisdom, this project has it all!

🌟 Features

Chaotic fairytale fun with layers (like an onion!):

• 💬 Ogre Chatbot - Talk to Shrek, Donkey & friends via Mistral AI
• 🎭 10+ Characters - From Fiona to the Gingerbread Man (RIP his legs)
• 🎮 Swamp Hangman - Guess fairytale words before Shrek loses his temper
• 🔮 Shrek Fortune Teller - Get questionable life advice from fairytale characters

🛠️ Tech Stack

• React JS – For building the front-end interface.

• Tailwind CSS – For modern and responsive styling.

• Hugging Face API (Mistral Model) – For chatbot responses.

• GPT – Used to generate fun, weird, and ridiculous messages.

• GitHub Copilot – For AI-assisted code suggestions and enhancements.

• DeepSeek – Used for additional AI-powered interactions and logic.

• Bing AI – Assisted with stuffs, content generation and making this README sound smarter.

• **Vite** - For fast development and optimized builds

  Faster than Donkey running from Dragon 🏃‍♂️💨

𓁹‿𓁹

vibe coding fr

📷 Assets

• Images: Sourced from Pinterest 📌
• Custom Cursor: Sweezy Cursors - Shrek
• Video: Shrek Rizz (4K)

🚨 API Limitation

When you see this:

"That's all Shrek's got! Go bother others instead."

It means:

1. You've hit Hugging Face's rate limit. Ain't no way am paying for APIs💀
2. Shrek needs alone time in his swamp.

(ᵕ—ᴗ—)

Also, pls stop doing stuffs like "Stop acting like shrek" to try to get it out of character. (I know ur gonna do it anyways😭)

🎨 UI & Prototyping

Check out the UI prototype: Excalidraw Design

🎉 Event Details

This project was built for the "Build a BF/GF Chatbot!" event. (With shrek chaos ofc.)

View the event details here.

📸 Screenshots

🏠 Homepage

🤖 Character Selection

🃏 Character Cards

💬 Chat Messages

🎮 Hangman Mini Game

🔮 Shrek Fortune Teller

📜 Fairytale License

This project is MIT-licensed for code, but:

• 🎥 Video: Shrek Rizz (4K)
• 🖼️ Images: Pinterest finds
• 🖱️ Cursors: Sweezy Cursors

---

A Legendary Donkey Quote

“You love her? You wanna hold her? You wanna please her? Then you gotta gotta try a little tenderness! The chicks love that romantic crap!” – Donkey

This is when Donkey is hyping up Shrek to confess his feelings for Fiona. 😂

---

🧅 Made by MJ? 🧅

LMAO, VIBE CODING ALL THE WAY

99% of this readMe file is AI generated itself🙈 (Wala naman sinabi na bawal gumamit AI sabi sa event e)

"What are you doing in my README?!" - Shrek