Skip to main content

Uses

A behind-the-scenes look at the tools, software, and more that I use to bring designs and code to life.

Design

  • Figma Used as my primary tool for constructing user interfaces, mapping user flows, and generating rapid prototypes.
  • When it comes to logos and custom icons, I rely on Illustrator and Photoshop to get the vector lines and details pixel-perfect.
  • I’ve also been experimenting with After Effects lately to add motion graphics and animations to my design workflow.

Development

  • I handle all of my development work inside the VS Code text editor. It’s a great editor with a ton of extensions and themes to customize it to your liking.
  • When it comes to building APIs, checking endpoints, and testing data flows, I rely on a mix of GraphQL and Postman.
  • React is my frontend library of choice. The component-driven structure makes it incredibly intuitive to bridge the gap between design and development.
  • Depending on the project's scale, I usually build on top of React using Next.js for full-stack applications or Vite for rapid, lightweight development.
  • My styling approach varies by project, ranging from styled-components and Tailwind CSS to writing clean vanilla CSS.
  • My backend capabilities are backed by solid experience in C# .NET, alongside PHP and Laravel.
  • For data management and storage, I work across a variety of relational and non-relational systems, including MySQL, MS SQL, and MongoDB.
  • Version control is a fundamental part of my daily routine, and I use Git to track and manage all of my codebases. I host my code on GitHub and also on Firebase.
  • Whenever I need a headless CMS to effortlessly manage content delivery, Strapi is my absolute go-to.
  • To bring interfaces to life with fluid movement, I use Framer Motion to handle my UI animations.
  • Lately, I’ve been diving into three.js to expand my skills in 3D effects and custom shaders.