█████▒▒█████   ██▀███  ▄▄▄█████▓ █    ██  ███▄    █ ▓█████      ██████ ▓█████ ▓█████  ██▀███  
▓██   ▒▒██▒  ██▒▓██ ▒ ██▒▓  ██▒ ▓▒ ██  ▓██▒ ██ ▀█   █ ▓█   ▀    ▒██    ▒ ▓█   ▀ ▓█   ▀ ▓██ ▒ ██▒
▒████ ░▒██░  ██▒▓██ ░▄█ ▒▒ ▓██░ ▒░▓██  ▒██░▓██  ▀█ ██▒▒███      ░ ▓██▄   ▒███   ▒███   ▓██ ░▄█ ▒
░▓█▒  ░▒██   ██░▒██▀▀█▄  ░ ▓██▓ ░ ▓▓█  ░██░▓██▒  ▐▌██▒▒▓█  ▄      ▒   ██▒▒▓█  ▄ ▒▓█  ▄ ▒██▀▀█▄  
░▒█░   ░ ████▓▒░░██▓ ▒██▒  ▒██▒ ░ ▒▒█████▓ ▒██░   ▓██░░▒████▒   ▒██████▒▒░▒████▒░▒████▒░██▓ ▒██▒
 ▒ ░   ░ ▒░▒░▒░ ░ ▒▓ ░▒▓░  ▒ ░░   ░▒▓▒ ▒ ▒ ░ ▒░   ▒ ▒ ░░ ▒░ ░   ▒ ▒▓▒ ▒ ░░░ ▒░ ░░░ ▒░ ░░ ▒▓ ░▒▓░
 ░       ░ ▒ ▒░   ░▒ ░ ▒░    ░    ░░▒░ ░ ░ ░ ░░   ░ ▒░ ░ ░  ░   ░ ░▒  ░ ░ ░ ░  ░ ░ ░  ░  ░▒ ░ ▒░
 ░ ░   ░ ░ ░ ▒    ░░   ░   ░       ░░░ ░ ░    ░   ░ ░    ░      ░  ░  ░     ░      ░     ░░   ░ 
           ░ ░     ░                 ░              ░    ░  ░         ░     ░  ░   ░  ░   ░     
                                                                                                

Fortune Cookie For Devs

A playful and mystical app that delivers developer-themed fortunes with a sprinkle of roast, generated by OpenAI's GPT-3.5-turbo. Crack open a virtual cookie and reveal your fortune in a medieval tone!

Features

• Clickable fortune cookie animation.
• Personalized fortunes based on GitHub user info.
• Fun and light-hearted roasts from an ancient seer.
• Social sharing enabled with optimized Open Graph and Twitter metadata.

How It Works

1. Click the Cookie: A virtual cookie appears on the UI. Click it to open.
2. See the Magic: Once the cookie opens, a fortune generated by OpenAI’s GPT-3.5-turbo will be displayed under it.
3. Share Your Fortune: Use social media buttons to share your fortune on Twitter, Facebook, or LinkedIn!

Technologies Used

• Next.js: For building the web interface.
• OpenAI API: To generate fortunes using GPT-3.5-turbo.
• Tailwind CSS: For styling the app.
• Cloudinary: For hosting images used in social sharing.
• Shadcn UI Components: For UI components.

Take aways to be used in future projects

• Metadata for social sharing
• Uploading images to Cloudinary
• Integrating with OpenAI API