Slopify

Slopify is a legitimate, working code editor with brainrot aesthetics and features: Core IDE Features (Actually Work):

✅ Real syntax highlighting and code editing ✅ Line numbers and minimap ✅ Working file operations (New, Open, Save) ✅ Functional undo/redo system ✅ Code execution (runs your JavaScript) ✅ Auto-formatting with proper indentation ✅ Find functionality ✅ Autocomplete with suggestions ✅ Tab support and file explorer ✅ Status bar with real cursor position

Brainrot Features (The Fun Part):

🧠 Brainrot Mode: Toggle AI assistant that comments on your code in Gen Z slang

"This code is bussin fr fr 🔥" "Bro really said nested if statements 💀 switch case exists"

🏆 Achievement System: Earn achievements for coding milestones

"First Keystroke (Legendary)" "100 Characters (Grinding)" "Code Executed (No Cap)"

🎨 Gradient UI: Pink-purple gradient title bar (actually looks good) 📈 Real-time Stats: Track lines of code and "vibe checks"

The Genius Part: . You can actually use this for real development while getting roasted by an AI in brainrot language. 🛠️ How We Built It Slopify is built with modern web technologies to create a legitimate code editor with personality: Technologies:

HTML5 for semantic structure CSS3 for dark theme UI inspired by VS Code Vanilla JavaScript for all IDE functionality (no frameworks = maximum control) LocalStorage API for persistence (planned feature) File API for real file operations Gemini for agent coding features

Key Features Implementation:

Real Code Editor: Custom text area with syntax-aware features Line Numbers: Dynamically generated and synchronized with content Minimap: Live preview of entire file (like VS Code) Undo/Redo Stack: Proper state management for edit history Autocomplete: Prefix matching with custom suggestions

🚧 Challenges We Ran Into

UI design Using Gemini with tool calling for code completion in our agent coding feature

🏆 Accomplishments We're Proud Of

Created a genuinely usable code editor with all core IDE features working Implemented a hilarious achievement system that actually motivates you to code more Built autocomplete from scratch with both useful and meme suggestions Successfully made typing code feel like a video game with XP and achievements The minimap actually works and looks cool File operations are rock solid - you can trust it with your code Balanced comedy and utility perfectly - it's funny but not annoying

🔮 What's Next for Slopify Planned Features:

Github integration Voice Commands: "Yo Claude format my code fr" actually works Mobile App VS Code Extension Sound Effects: Achievement unlocks play vine boom sound effects Code Battles: Compete in timed coding challenges with live brainrot commentary

Try It Yourself

Follow the instructions in the github to setup

Built With

• gemini
• html
• node.js
• react
• youtube