Rotify

The one click solution to skibidi your webpage!

Comment 3

The tracks I am aiming for:

  • most iq points lost
  • skibidi ai swag
  • PearAI
  • build a tool that distracts you when ur trying to be productive
  • I laughed (first hackathon!)
  • (WBUOT) would blow up on tiktok
  • worst project

Inspiration

I recently learned about building web extensions so I decided to put my skills to the test and hence was born Rotify! (Initially Skibidi my page)

What it does

Rotify transforms any webpage into a pit of brainrot. It replaces text with brainrot , updates all fonts to Comic Sans for extra lolz , and swaps images with iconic brainrot content (chill guy, don pollo etc)—all in one click!

How I built it

Thank you Beyonce!

  • JavaScript and Chrome Extensions API to develop the extension's functionality.
  • Google Gemini API for dynamic text transformation into brainrot.
  • A mix of coffee, lost brain cells, and the magic of PearAI.

Challenges I ran into

  • Text Transformation: Ensuring text changes were seamless while preventing redundant API calls for already transformed content.
  • Performance Optimization: Achieving fast response times without lag, even when processing complex and extensive webpage structures.
  • Image Replacement: Effectively identifying and replacing images across diverse and inconsistent webpage layouts without disrupting functionality.

Accomplishments that I'm proud of

  • Successfully integrating the Google Gemini API for text transformation (initially, the plan was to use a hardcoded dictionary for random replacements).
  • Figuring out how to combine the chrome extension API with the Gemini API.
  • This is my first hackathon and my first submission, and I'm proud to have delivered something creative, fun and complete! :) .

What I learned

  • How to utilize the Chrome Extensions API and structure a project for an extension.
  • Integrating external APIs (like the Google Gemini API) with browser-based JavaScript applications.
  • Debugging and optimizing performance for a browser extension working with complex web pages.
  • The fact that hackathons are far less intimidating and far more exciting than I had imagined.

What's next for Rotify

  • Add more dynamic features, such as customizable "brainrot" levels for user preference.
  • Expand media replacement with more iconic and user-generated content.
  • Port Rotify to Firefox and other browsers to reach a wider audience.
  • Integrate additional meme-generating APIs for even wilder transformations.
  • Launch a website or platform for users to share their "Rotified" webpages and experiences.
  • Perhaps a memenomeLM integration
  • Complete refactor of the code and text replacement logic.

Built With

+ 3 more
Share this project:

Updates