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.
