An open API service indexing awesome lists of open source software.

https://github.com/jstanoeva/movie-cheesebot

A cheesy movie chatbot made with JavaScript, HTML, Tailwind CSS, and OMDb API.
https://github.com/jstanoeva/movie-cheesebot

api chatbot css3 front-end-development html5 javascript movies-and-cinemas project tailwind-css web-design web-development

Last synced: 5 months ago
JSON representation

A cheesy movie chatbot made with JavaScript, HTML, Tailwind CSS, and OMDb API.

Awesome Lists containing this project

README

          

# ๐Ÿง€ Movie Cheesebot ๐ŸŽฌ

Greetings, noble coders and cinema connoisseurs! Welcome to the official repository of the **Movie Cheesebot**, a delightful web companion crafted especially for Her Majesty, Queen Tora of the Cheese Republic!

This isn't just any movie bot; it's your personal movie maรฎtre d', ready to serve up cinematic details with a side of delightful cheese puns and an ever-enthusiastic personality. Prepare for a _brie-lliant_ experience!

## ๐ŸŒŸ Key Features - A Platter of Delights!

- **Royal Movie Intel:** Ask for any movie, and the bot will fetch its plot summary, genre, release year, and ratings (from sources like IMDb and Rotten Tomatoes). It also shows the director, actors, and even the movie poster!
- **Enthusiastic Cheesy Personality:** Our bot is a true cheese aficionado! Expect _gouda_ greetings, _cheddar-ific_ comments, and an overall _emmental-ly_ joyful interaction.
- **โœจ SUPER CHEESE MODEโ„ข โœจ (The Royal Easter Egg!):**
- Type and send the magical "๐Ÿง€" emoji to activate (or deactivate) this legendary mode!
- When active, all movie titles fetched by the bot will be gloriously prefixed with a "๐Ÿง€" emoji. It's _un-brie-lievably_ fun!
- **Modern & Minimalist UI:** A clean, responsive interface built with Tailwind CSS, featuring a creamy, cheese-themed aesthetic.
- **Session Memory for Cheese Mode:** Your preference for Super Cheese Mode is remembered across browser sessions using `localStorage`.
- **Error Handling with Charm:** If a movie isn't found, the bot delivers the news with a sympathetic (and still cheesy) message.

## ๐Ÿš€ How to Run This Cheesy Marvel

1. **Clone the Repository (or Download the Files):**
```bash
git clone https://github.com/JStanoeva/movie-cheesebot.git
# Or simply download the ZIP file!
```
2. **OMDb API Key:**
- This bot uses the free OMDb API to fetch movie data.
3. **Open `index.html`:** Simply open the HTML file in your favorite web browser.
4. **Chat Away!** Start typing movie titles or the "๐Ÿง€" command and enjoy the cinematic, cheesy conversation!

## ๐Ÿ› ๏ธ Technology Stack - The Cheese-Making Tools

- **HTML:** For the basic structure of our royal cinema hall.
- **CSS (Tailwind CSS):** For styling that's as smooth as melted mozzarella.
- **JavaScript (Vanilla JS):** For the bot's logic, API interactions, and all the cheesy magic!

## ๐Ÿ™ Acknowledgements - A Tip of the Crown

- A big thank you to the **OMDb API** (The Open Movie Database) for providing the treasure trove of movie information.
- Crafted with love and cheese for the one and only **Queen Tora**! ๐Ÿ‘‘๐Ÿง€

---

We hope this Movie Cheesebot brings a slice of joy and a mountain of movie knowledge to your screen! May your cinematic adventures always be _grate_!