---
title: The tech tools I use
date: 2018-02-27T16:45:01.889Z
edited: 2024-06-01T17:11:01.889Z
author: Ismail Ghallou (Smakosh)
canonical: https://smakosh.com/blog/the-tech-tools-I-use
reading_time: 2 min (423 words)
Tags: web-development
---

# The tech tools I use

![Tools](/cover.jpg)

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

## Code

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](https://unnamed.smakosh.com/) that has over 200 stars on GitHub. Still I prefer using Tailwindcss.

### Deployment

- [Vercel](https://vercel.com/?utm_source=smakosh&utm_campaign=oss)
- Digital Ocean

## Issue, expenses/income tracking and project management

- Google sheets - for calculating expenses/income
- [Notion](https://notion.so/?utm_source=smakosh.com) - for tracking everything
- [Linear](https://linear.app/?utm_source=smakosh.com) - for tracking issues on some serious personal projects

## Bank

- Attijariwafa Bank
- Mercury
- N26

## Setup

### Laptop

> 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

### Equipment

- 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

### Phones

- iPhone 13 Pro
- Google Pixel 2

### Cameras

- GoPro hero 7 black edition limited edition

### Drone

- DJI mini 2

### Gaming

- 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

---

_Originally published at https://smakosh.com/blog/the-tech-tools-I-use_