Development

Building robust solutions with modern technologies

Projects10+Completed
Technologies20+Tools & Frameworks
ExpertiseFullStack Development
LearningContinuous Growth
01.

Expertise

Frontend Development

Building modern, responsive user interfaces with Vue.js, React, and cutting-edge web technologies.

Vue 3React 19ViteTailwind CSS
6 Projects 4+ years

Backend Development

Creating robust APIs and server-side solutions with Python, FastAPI, Node.js, and Express.js.

PythonFastAPINode.jsExpress.js
3 Projects 3+ years

Full-Stack Solutions

Designing and building complete applications with modern stacks combining frontend frameworks with powerful backends.

Vue 3ReactTypeScriptSupabase
5 Projects 3+ years

Cloud & DevOps

Deploying and managing cloud infrastructure with AWS, GitHub Actions, and modern DevOps practices.

AWSDockerCI/CDGitHub Actions
4 Projects 2+ years
02.

Recent Projects

Live

GitHub Profile Explorer

GitHub profile search and visualization tool with real-time repository data, language distribution charts, and activity feeds. Vue 3, TypeScript, Tailwind CSS, Chart.js. Features profile search, repository filtering, language breakdown visualization, activity feeds, profile README display, session-based API caching, and light/dark theme.

Vue 3TypeScriptTailwind CSSChart.jsGitHub API
2026 View
Live

Markdown Blog Engine

Minimalist, high-performance static blog engine with Vue 3, TypeScript, and Tailwind CSS. Features Markdown rendering, syntax highlighting (Shiki), auto-generated TOC, tag-based filtering, SEO optimization, RSS feed, and dark/light mode.

Vue 3TypeScriptTailwind CSSmarkdown-itShiki
2026 View
Live

Weather Dashboard

Weather forecasting dashboard with OpenWeatherMap API integration. Vue 3, TypeScript, Tailwind CSS. Features geolocation, 5-day forecast, temperature charts, animations, and localStorage caching.

Vue 3TypeScriptChart.jsTailwind CSS
2026 View
Live

AeroCommerce

Apple-inspired ecommerce storefront. React 19, Framer Motion, Zustand. Features Spotlight search, dynamic cart drawer, Dynamic Island toasts, and premium product showcase.

React 19Framer MotionZustandTailwind CSS
2026 View
Live

Heavy Rotation Vinyl

Interactive vinyl shelf widget with Last.fm integration. React, Vite, Tailwind CSS v4. Features liquid glass aesthetics, smooth animations, widget embed mode, and real-time music data.

ReactViteTailwind CSS v4Last.fm API
2026 View
Active

Pomodoro Scout

Pomodoro timer with Scout theme built with React and TypeScript. Recharts statistics, Supabase integration, sound effects, GSAP animations, and responsive TailwindCSS design.

ReactTypeScriptTailwindCSSSupabase
2026 View
03.

Technology Stack in Action

Frontend Frameworks

8 projects
React 19
AeroCommerceHeavy Rotation VinylPomodoro ScoutTask Manager Client

Modern component-driven development with hooks, state management (Zustand), and latest APIs.

Vue 3
Weather DashboardPersonal PortfolioWhat I Have to Do

Composition API for reactive UI building with SSG, animations (GSAP), and TypeScript integration.

Backend & APIs

3 projects
FastAPI
Task Manager API

Async Python framework with automatic OpenAPI docs, JWT authentication, RBAC, and advanced validation.

Express.js
What I Have to Do

Lightweight Node.js server with RESTful endpoints, middleware chains, and Supabase integration.

Styling & Design

8 projects
Tailwind CSS
Weather DashboardAeroCommerceHeavy Rotation VinylPomodoro ScoutMarkdown Blog Engine

Utility-first CSS with responsive design, glassmomorphism, dark mode, and custom animations.

Bootstrap 5
Personal PortfolioTask Manager Client

Component-based CSS framework with extensive grid system and pre-built responsive utilities.

Build & Bundling

7 projects
Vite
Weather DashboardHeavy Rotation VinylAeroCommercePersonal Portfolio

Lightning-fast build tool with hot module replacement, optimized production builds, and SSG support.

Data & State Management

5 projects
Supabase
What I Have to DoPomodoro Scout

PostgreSQL-backed BaaS with real-time updates, authentication, and serverless functions.

Zustand
AeroCommerce

Minimalist state management with hooks-like API, perfect for modern React applications.

Animations & Interactivity

4 projects
GSAP
Personal PortfolioPomodoro Scout

Professional animation library with scroll triggers, timelines, and smooth transitions.

Framer Motion
AeroCommerce

React animation library with gesture support, layout animations, and dynamic transitions.

Type Safety & Testing

4 projects
TypeScript
Weather DashboardPomodoro Scout

Static typing for JavaScript with strict mode, interfaces, and enum support for type safety.

pytest
Task Manager API

Python testing framework with async support, fixtures, and comprehensive assertion library.

Content & Markdown

1 projects
markdown-it
Markdown Blog Engine

Extensible Markdown parser with plugin support for generating HTML from Markdown content.

Shiki
Markdown Blog Engine

Beautiful syntax highlighting library powered by TextMate grammar for code blocks in blog posts.

External APIs & Libraries

5 projects
Chart.js & vue-chartjs
Weather DashboardGitHub Profile Explorer

Canvas-based charts with responsive sizing and animated data updates.

Last.fm API
Heavy Rotation Vinyl

Music streaming data integration with real-time user statistics and album information.

OpenWeatherMap API
Weather Dashboard

Weather data provider with forecasts, geolocation support, and comprehensive climate information.

GitHub API
GitHub Profile Explorer

REST API for GitHub user profiles, repositories, events, and language statistics with rate limiting handling.

@unhead/vue
Markdown Blog Engine

Vue composable for managing document head tags, meta information, and SEO optimization.

04.

Pro Tips & Recommendations

Always Start with the Why

Understand requirements before writing code. Clear specs save 10x the rework later. Every feature needs a purpose.

TipEssential
Design Your APIs First

APIs are contracts. Design them well before implementation. A clean API makes frontend and backend teams happy.

TipEssential
Test Your Edge Cases

Happy paths are easy. Real bugs hide in edge cases. Test with null, empty, maximum values, and user chaos.

TipEssential
Optimize When It Matters

Premature optimization is the root of all evil, but ignoring performance kills user experience. Find the balance—profile first, optimize second.

TipEssential