Tools & Setup
The essential tools and technologies that power my daily work and creative process.
1+
Year UsingReact + TypeScript
The cornerstone of my development workflowReact with TypeScript provides the perfect balance of flexibility and type safety. I use it for everything from small components to large-scale applications, leveraging hooks, context, and modern patterns.
< 1
Year UsingNext.js
Full-stack React frameworkNext.js provides server-side rendering, static site generation, and full-stack capabilities. Perfect for building performant, SEO-friendly applications with great developer experience.
3+
Years UsingVS Code
My primary development environmentExtensively customized with extensions, themes, and shortcuts. Features like GitHub Copilot, live collaboration, and integrated terminal make it indispensable for my daily workflow.
Browse through my toolkit that power my development workflow
React
Core Technologies
The foundation of my frontend development with hooks and modern patterns
Next.js
Core Technologies
Full-stack React framework for production-ready applications
Tailwind CSS
Core Technologies
Utility-first CSS framework for rapid UI development
Node.js
Core Technologies
JavaScript runtime for building scalable backend services
TypeScript
Core Technologies
Strongly typed JavaScript for better developer experience
GitHub
Core Technologies
Version control and collaboration platform for all my projects
Git
Development Tools
Distributed version control system for tracking code changes
VS Code
Development Tools
Primary code editor with extensive extensions and themes
Postman
Development Tools
API testing and development environment for REST and GraphQL
REST Client
Development Tools
API testing extension for REST
Figma
Design & Productivity
Collaborative design tool for UI/UX and prototyping
Notion
Design & Productivity
All-in-one workspace for notes, docs, and project management
Canva
Design & Productivity
Quick graphic design for social media and presentations
Keychron K3
Hardware & Fun
Low-profile mechanical keyboard with Gateron switches
Logitech MX Master
Hardware & Fun
Precision mouse with customizable buttons and scroll wheel
AirPods Pro
Hardware & Fun
Noise-cancelling headphones for focus during deep work
Development Workflow
My step-by-step approach to building high-quality applications from concept to deployment
Planning & Research
Understanding requirements, researching solutions, and creating project architecture
Environment Setup
Setting up development environment, dependencies, and initial project structure
Development
Writing code with TDD approach, implementing features iteratively
Deployment
Building, deploying, and monitoring applications in production
Continuous Learning
Staying current with emerging technologies and deepening expertise in core areas
Active Learning
Next.js
Exploring advanced concepts like server actions, streaming, and app router.
TypeScript
Improving type safety, generics, and advanced utility types for scalable apps.
Postgres
Learning advanced querying, indexing, and optimization techniques.
Always Evolving
This toolkit is constantly evolving as I discover new technologies and refine my workflow. Each tool has been carefully chosen to enhance productivity and code quality.