📊 Project Summary

GitHub Stars GitHub Forks GitHub Issues GitHub Pull Requests GitHub Last Commit GitHub Language Count Top Language

discord-logo is a customizable, embeddable widget inspired by GitHub corners and themed around the Discord brand. Built using the Vue.js framework, the project allowed for deep exploration into SVG manipulation, component-based web development, and modern frontend practices.

Key Features

  • Fully customizable Discord logo widget
    • Change colors, eyes, backgrounds, and animations
  • Multiple layout options:
    • Corner badge, standalone icon, or with a speech bubble
  • Real-time code generation for easy embedding into any website
  • Live site hosted at: nntin.github.io/discord-logo

Technologies & Learnings

  • Vue.js: Gained hands-on experience in reactive UI development and component structure
  • SVG: Learned how to dynamically style and animate scalable vector graphics
  • Web deployment: Built and deployed a static site with GitHub Pages for public access
  • Frontend customization: Focused on user interaction, configurability, and clean UI design

This project was a creative frontend exercise that blended design with functionality, resulting in a fun and useful tool for web developers looking to add Discord-themed flair to their websites.