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 that has over 200 stars on GitHub. Still I prefer using Tailwindcss.
Deployment
- Vercel
- Digital Ocean
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
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