Building "🔥Roast Me🤪" with GitHub Copilot - A 1-Day Build Challenge

This is a submission for the GitHub Copilot Challenge: **New Beginnings**

I am currently participating in the GitHub Copilot 1-Day Build Challenge, where the mission was to complete a project in just 24 hours with the help of GitHub Copilot. Running from January 8th to January 19th, the challenge's theme was "New Beginnings." Inspired by this, I decided to create something fun for the developer community: an interactive GitHub README Roast Generator — Roast Me! 🔥

🔥 What is "Roast Me"?

Roast Me is a playful web application that generates funny, AI-powered roasts based on GitHub profile READMEs. Simply enter a GitHub profile URL, and the app fetches the README.md file, analyzes it using AI, and crafts a humorous roast complete with emojis. This tool is designed to add a bit of humor to our coding journeys, making the development world a little more entertaining.

🚀 Building "Roast Me" in 1 Day Using GitHub Copilot

For this project, I leveraged VS Code with GitHub Copilot, taking full advantage of its AI-driven features to speed up the development process. GitHub Copilot assisted me by:

• 
  Suggesting Code Snippets: Provided relevant code suggestions that accelerated the coding process.


• 
  Generating Tests: Helped create robust tests to ensure the app's functionality.


• 
  Debugging: Assisted in identifying and resolving issues quickly.


• 
  Multi-file Editing: Streamlined the workflow across different files.

Thanks to GitHub Copilot, I was able to complete the project in just over 1 hour and 20 minutes! 🎉

Check out the full development journey in my YouTube video, where I recorded the entire build from scratch:

⚠️ It might be better to skip to what this is, because of my incorrect English. 🤪😅

📺 Watch the Full Build Video on YouTube

🛠️ The Tech Stack

• 
  Frontend: Next.js 15, TypeScript, TailwindCSS, ShadcnUI


• 
  Backend: Next.js API Routes


• 
  AI: Meta-Llama-3.1-8B-Instruct


• 
  API Integration: GitHub API for fetching README.md files


• 
  Deployment: Vercel

🤖 How GitHub Copilot Helped

I used GitHub Copilot at every stage of development:

1. 
   

   Project Setup:

   
   
   
   
   
   • Generated the initial boilerplate code for the Next.js project.
   
   
   • Helped set up TypeScript and TailwindCSS configurations seamlessly.
   
   
   
   


2. 
   

   AI Integration:

   
   
   
   
   
   • Suggested methods to integrate the AI model for analyzing README.md files.
   
   
   • Assisted in writing the backend API logic to process and generate roasts.
   
   
   
   


3. 
   

   UI Design:

   
   
   
   
   
   • Provided TailwindCSS suggestions for a modern, tweet-like interface.
   
   
   • Recommended color schemes and design patterns to enhance user experience.
   
   
   
   


4. 
   

   Debugging:

   
   
   
   
   
   • Helped swiftly resolve API errors and UI glitches.
   
   
   • Allowed me to focus more on creating witty content rather than getting stuck on technical issues.
   
   
   
   

🎉 The Challenges and Fun Parts

Building "Roast Me" within a 24-hour window was both challenging and exhilarating. GitHub Copilot's guidance made the process smoother, allowing me to experiment freely and overcome coding hurdles efficiently. One of the highlights was watching the AI generate friendly, humorous roasts based on real GitHub profiles, showcasing how AI can foster creativity and fun in development.

🌟 How to Try "Roast Me"

Experience the fun firsthand by trying out the "Roast Me" app:

• 
  

  Live Demo: Roast Me Live Demo on Vercel

  
  
  
  
  
  • Enter any GitHub profile URL.
  
  
  • Click the "Roast Me!" button.
  
  
  • Enjoy a personalized, funny roast based on the profile’s README.md.
  
  
  
  
  
  




• View the Code: GitHub Repository - Roast Me

👉 What’s your roast? Click the "Roast Me!" button on the live demo, see what the AI has to say about your GitHub profile, and share your roast in the comments below or tweet it using #RoastMeApp. Let’s spread some laughs! 😄

🔍 Conclusion

Participating in the GitHub Copilot 1-Day Build Challenge was an incredible experience. With GitHub Copilot's assistance, I successfully developed "Roast Me" — a fun and interactive web app that highlights the power of AI in modern software development. This challenge not only tested my coding skills under time constraints but also demonstrated how AI tools like Copilot can enhance both productivity and creativity.

If you're considering using GitHub Copilot for your projects, I encourage you to watch my build video and explore the challenge prompts for inspiration. Let "Roast Me" inspire you to experiment and discover new ways Copilot can elevate your coding journey.

Good luck to all participants in the challenge — and happy coding! 😊

🔗 Join the GitHub Copilot 1-Day Build Challenge Now!

Share Your Roasts! ⚠️👀

After trying out "Roast Me," don’t forget to share your personalized roasts in the comments below or tweet them using #RoastMeApp. Let’s have some fun and see what the AI comes up with for each of our GitHub profiles! 🔥😆