Skills & Technologies
The tools and technologies I use to design, build, and refine modern web experiences
Skill Levels
Usage Tags
Core Frontend
Next.js
Primary framework for production applications with App Router, Server Components, and optimized image loading
React
Component architecture, hooks expertise, and state management for complex UIs
TypeScript
Type-safe development with advanced patterns like generics, utility types, and strict null checking
Tailwind CSS
Utility-first styling and custom design systems with responsive design and dark mode
Framer Motion
Animation and interactive UI transitions for cinematic user experiences
Backend & Database
Laravel
MVC architecture, Eloquent ORM, Livewire for reactive components
MySQL
Database design, complex queries, indexing, and optimization for performance
REST APIs
API design, integration, and documentation with proper error handling
Tools & DevOps
Git
Version control, branching strategies, collaboration workflows, and conflict resolution
VS Code
Primary IDE with custom extensions, snippets, and integrated workflows
Docker
Basic containerization for development environments and reproducible builds
AI & Productivity
Claude
AI-assisted development, code review, problem-solving, and API integration
ChatGPT
Research, documentation generation, rapid prototyping, and learning new technologies
Cursor
AI-powered code editor for faster development with intelligent code completion
Design & Motion
Figma
Design review, implementation, and basic prototyping for web projects
How I Use These in Real Projects
Skills in action across my portfolio
Silent Help Platform
AI-powered mental wellbeing platform with chat interface
Brimston Energy Website
Complete WordPress website redesign with improved UX
Studio Stack Bot
Discord AI & automation assistant for creators
StudyPilot AI
Assignment & project planner for students (Planned)