My CSSBattle Solution Archives
Manifest V3 GitHub API Chrome Extension React Tailwind CSS CSSBattles
Wed, 10 June 2026
- Custom Chrome Extension: Developed a Chrome Extension that captures my CSSBattle submissions, extracts challenge data, and automatically pushes updates to GitHub through the GitHub API.
- Fully Automated Workflow: Built an end-to-end automation pipeline where every new submission is committed to GitHub and instantly deployed to the live website using Vercel.
- Interactive Solution Archive: Each solution showcases the target image, optimized CSS code, score, colors used, challenge details, and direct links for easy browsing.
- SEO & Performance Optimized: Built with React, Vite, and Tailwind CSS, featuring responsive layouts, optimized metadata, and fast-loading pages.
- Modern Tech Stack: React, Vite, Tailwind CSS, Chrome Extension (Manifest V3), JavaScript, GitHub API, GitHub Actions, and Vercel.
Live Site