Frontend โข Backend โข UI/UX โข DevOps โข Design Systems
Scalable systems, colorful design, and creative workflows ๐โจ
๐ ๏ธ Specialization: Modern full-stack web development with vibrant UI
๐ Projects : StellarX, Electorix, KatmanPlayground, CoreXCrudAPI
๐ฏ Focus : React โข Next.js โข ASP.NET Core โข UI/UX โข Design Systems
๐ฑ Learning : Microservices ยท Web Performance ยท CI/CD ยท 3D Web (Three.js)
๐ฉ๐ปโ๐ซ Community : Women in Tech Advocate, Creative Mentor
๐ฏ Mission : Build applications that are beautiful, performant, and inclusive
- React (Hooks, Context, Zustand, Redux-lite)
- Next.js (SSR, SSG, API Routes)
- TypeScript / JavaScript (ES6+)
- Styling: CSS3, SCSS, Styled Components, CSS Modules
- UI Frameworks: ShadCN, Radix UI, Material UI, Bootstrap
- Animations & Effects: Framer Motion, GSAP, Lottie
- ASP.NET Core + Entity Framework Core
- Node.js + Express APIs
- MongoDB โข SQL Server
- JWT Authentication, Validation, Clean Architecture
- Git & GitHub (Actions, CI/CD)
- Docker & Containerized Environments
- Postman, Swagger
- Vercel, Netlify, Azure, Railway
- WSL2, Windows Terminal, Oh My Posh
- Figma (Wireframes, Prototypes)
- Photoshop, Illustrator (Graphic Assets)
- Canva (Quick Creative)
- Blender basics (3D UI Assets)
๐ Productivity Widgets
- Contribution graphs (streaks, heatmaps)
- Language donut charts + bar charts
- Daily commit tracker with colorful badges
๐จ Design Widgets
- Gradient collections (linear, radial, conic)
- Color palette previews with HEX/RGB values
- Typography scale & hierarchy showcase
- Icon showcase with animated previews
๐ธ Budget & Planning Tools
- Project budget tables with color-coded priorities
- Resource allocation bars (dev/design/testing)
- Tech cost estimator (cloud hosting, domains)
๐ Timeline Tools
- Project roadmap progress bars
- Release milestone checklists
- Sprint goal completion rings (circular progress)
๐ง Learning Widgets
- Skill tree visual (frontend โ full-stack โ design systems)
- Course/book progress charts
- Practice streak meters (LeetCode, FrontendMentor)
๐ฎ Fun Zone Tools
- Pixel-art GitHub stats widget
- Random dev joke generator
- Coffee consumption tracker โ
Interactive science/space site (Next.js + Framer Motion)
Cyberpunk-inspired e-commerce frontend (React + Styled Components)
Colorful multi-game platform (React + Zustand)
ASP.NET Core CRUD API with JWT & EF Core
๐ Work Hours Heatmap + Repo Languages
- Launch StellarX live with animations
- Release Electorix frontend showcase
- Add 3D UI Components with Three.js
- Publish AuditTrail.NET NuGet package
- Contribute to open-source design systems
- Write technical blogs on Design + Dev synergy
