The tech tools I use

Posted on:

Edited on:


A list of tools I use for:

  • Personal side projects
  • Full time job
  • Working with clients

Design tools

  • Midjourney for logo, icon and illustration design
  • Figma for designing user interfaces & wireframes
  • Final cut pro for editing videos
  • Dribbble/Behance for inspiration and work showcase


The code editor I'm currently using is VSCode

I share my code & look for inspiration on:

  • X
  • GitHub
  • Codepen
  • CodeSandbox

If I’m simply coding an interface that I might integrate into a web app I use plain HTML/CSS & vanilla JavaScript.

But if I'm working on a landing page, documentation website, blog or even a large web app I use:

Primary stack

  • Language: TypScript
  • Web framework: Next.js
  • Styling: Shadcn-ui, Radix-ui, Tailwindcss
  • Forms: React hook form + zod
  • Payments: Stripe
  • Web3: Rainbowkit, WAGMI, SIWE, Ethers
  • Server state: React-query
  • Client state: Context, useReducer, useState, useContextSelector or libraries like Jotai/Zustand etc...
  • Headless CMS: Contentful, have to explore Basehub
  • Databases: Sqlite, Postgres, Redis
  • ORM: Prisma, Drizzle
  • API framework: Express.js

Side note for CSS, I’m cool to use what ever tech available out there that makes my task done quickly & well, I have personally used Bootstrap 3 & 4, Bulma, Lostgrid, Materliaze, Skeleton, Tailwindcss, Styled-components, emotion, CSS modules, Tachyons & made my own micro CSS framework called Unnamed that has over 200 stars on GitHub. Still I prefer using Tailwindcss.


Issue, expenses/income tracking and project management

  • Google sheets - for calculating expenses/income
  • Notion - for tracking everything
  • Linear - for tracking issues on some serious personal projects


  • Attijariwafa Bank
  • Mercury
  • N26



I no longer ask for work laptop, it's frustrating to have to give it back.

  • MacBook Pro (14-inch, 2021)

    • Display: 14-inch (3024 × 1964) Built-in Liquid Retina XDR Display
    • Apple chip: Apple M1 Max
    • Ram: 32 GB
    • SSD: 2 Tb


  • Monitor: LG UltraWide 34WP85C
  • Keyboard: Keychron K2 (Hot-swappable) Wireless Mechanical Keyboard (Version 2)
  • Main Headset: Sony WH-1000XM5
  • Microphone: Blue Yeti X
  • Desk: TROTTEN Ikea desk
  • Mouse: Logitech MX Master 3
  • Trackpad: Apple Magic trackpad 2 gray
  • Mousepad: Sidorenko XXL Gaming Mousepad
  • Chair: Steelcase Gesture office chair with cover in onyx black with headrest
  • Webcam: Razer Kiyo


  • iPhone 13 Pro
  • Google Pixel 2


  • GoPro hero 7 black edition limited edition


  • DJI mini 2


  • Nintendo Switch Oled with a Pro controller and a wirelss horipad
  • PS5 CD edition with 2 controllers
  • A PC Gamer:
    • MSI MAG CODEX X5 12TD-868DE
    • Intel® Core™ i7 i7-12700KF Prozessor
    • 32 GB RAM
    • 1 TB SSD
    • NVIDIA GeForce RTX™ 3070
    • Windows 11

© Copyright 2016-2024 , All Rights Reserved by Smakosh LLC