Sniply

Sniply is an AI-powered code analyzer platform that helps developers understand, refactor, and improve their code efficiently.

Frontend Developer31 May – 2 JuneSolo Project
Project image 1
Next.jsTailwindTypeScriptShadCN UIOpenRouter APILlama 4PinoZodMonaco Editor

Key Features

  • AI Code Explanation using LLM (Llama 4 Maverick)
  • Fix Suggestions for refactoring or improving code
  • Supports multiple languages with syntax highlighting
  • Real-time AI response via OpenRouter API
  • Modern UI with dark/light toggle
  • Markdown-rendered output with interactive formatting
  • Fix Suggestion toggle and AI result separator
  • Monaco Editor for real-world developer feel
  • Versioned changelog page

What I Learned

Through this project, I learned to build a dynamic AI-powered frontend with Monaco Editor integration, markdown rendering, and responsive UI using ShadCN UI. I also implemented structured API calls to LLMs via OpenRouter and designed the architecture to be extensible for future backend and auth integration.

Project Purpose

To create a helpful platform for developers to quickly analyze and improve their code using the power of AI.

404Ryan

"Crafting Innovative Web Experiences"