Tech Stack
Core Stack
Vercel
Vercel is a cloud platform for hosting and deploying modern web apps with automatic scaling and edge functions.
Next.js
Next.js is a React framework for building full-stack web applications with SSR in mind.
Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects.
React.js
React is an open-source, front-end JavaScript library used for building user interfaces. It’s particularly popular for single-page applications where you need a fast, interactive user experience
TypeScript
TypeScript is a free and open-source high-level programming language developed by Microsoft. It adds static typing with optional type annotations to JavaScript, making it suitable for building large applications.
JavaScript
JavaScript is a cross-platform, object-oriented scripting language used to make webpages interactive. It enables complex animations, clickable buttons, popup menus, and more.
HTML
HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content.
To enhance performance and scalability, I integrate robust media solutions such asCloudinaryandUploadThingfor optimized image and asset management.
State Management
Zustand
Zustand is a small, fast, and scalable state management solution for React. It provides a comfy API based on hooks, making it easy to work with.
Redux
Redux is a pattern and library for managing and updating application state. It’s commonly used with React, but you can also use it with other JavaScript frameworks.
I carefully select state management strategies tailored to each project's needs—leveragingRecoilfor atomic updates,TanStack Queryfor efficient server-side caching,XStatefor complex logic flows, andZodfor strict type-safe validation.
Design & Styling
Tailwind CSS
Tailwind CSS is an open-source utility-first CSS framework that allows you to rapidly build modern websites directly in your HTML.
CSS
CSS (Cascading Style Sheets) is a style sheet language used to define the presentation and styling of HTML documents.
Sass (SCSS)
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
I craft immersive, high-fidelity user experiences by combiningCSS-in-JSsolutions likeStyled Componentsfor modular styling withFramer MotionandGSAPto drive fluid, engaging animations.
Databases
PostgreSQL
PostgreSQL is a powerful, open source object-relational database system with over 35 years of active development.
MongoDB
MongoDB is a source-available cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with optional schemas.
Supabase
Supabase is an open source Firebase alternative. It provides a dedicated Postgres database for your application.
Xata
Xata is a serverless data platform built on top of PostgreSQL. It provides a full-text and vector search engine, record-level file attachments, and table-level aggregations.
Neon
Neon is a serverless Postgres built for the cloud. It separates storage and compute to offer autoscaling, branching, and bottomless storage.
Drizzle ORM
Drizzle ORM is a lightweight, type-safe, and performant TypeScript ORM with a focus on developer experience.
Tools & Testing
VS Code
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.
Postman
Postman is an API platform for building and using APIs. It simplifies each step of the API lifecycle and streamlines collaboration.
Jest
Jest is a JavaScript testing framework designed to ensure the correctness of any JavaScript codebase.
Storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation.
Git
Git is a free and open-source distributed version control system designed for managing everything from small to very large projects with speed and efficiency.
General Knowledge & Best Practices
Responsive Design
Ensuring web applications look and function perfectly across all device sizes, from mobile phones to large desktop screens.
SEO
Optimizing content and structure to improve visibility in search engine results and drive organic traffic.
Web Accessibility (a11y)
Building inclusive web experiences that are usable by people with disabilities, following WCAG guidelines.
Performance Optimization
Techniques to improve website speed and responsiveness, such as code splitting, lazy loading, and image optimization.
Agile & Scrum
Experience working in iterative development cycles, collaborating with cross-functional teams to deliver value incrementally.
CI/CD
Continuous Integration and Continuous Deployment practices to automate testing and deployment workflows.