The tech tools I use

Tools

So I thought about sharing the tools I use personally or at work, so let’s start with,

Design tools:

  • Adobe Illustrator for logos, icons, illustrations
  • Adobe XD, Invision Studio or Sketch for designing user interfaces & wireframes
  • Adobe Photoshop for editing pictures & memes :D
  • Adobe After effects for editing videos (I recommend Adobe Premiere Pro for editing videos & AE to add effects).
  • Dribbble for inspiration and I share my work there as well as on Behance

Code

Let’s now get into the tools I use while coding:

The code editor I’m currently using is VSCode.

I share my code & look for inspirations on:

  • GitHub
  • Codepen
  • CodeSandbox

If I’m simply coding an interface that I might integrate into an app (web or native) I use plain html/css & vanilla js.

But if I’m working on a landing page, docs, blog or even sometimes a large web app I use:

  • Gatsby (I recommend Gatsby) and I deploy it on Netlify (I was & still use Jekyll sometimes for blogs but rarely)

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, Tachyons & made my own little framework called Unnamed that has over 190 stars on GitHub, but I prefer coding with vanilla CSS or CSS in JS using styled-components, because I enjoy styling my elements from scratch since the components are fully reusable with React.

If I’m making a web app, for the front-end I use the create-react-app boilerplate as it’s the official one from the team that made React Js but I always have to add react-router-dom or @reach/router, Redux (well not on the upcoming projects), Recompose (not needed anymore) & many other modules I use the most. So I made my own boilerplate to handle that.

I use Git bash as my terminal when I’m on windows, iTerm2 with “oh my zsh” themes when I’m on macOS.

For the backend, I was using php/mysql which I didn’t personally like, so I switched to node js meaning that I currently use Express Js/Mongoose and Mongodb as a NoSQL database to make Restful APIs which I deploy on Heroku if it was a mvp and on a Digital Ocean droplet when it’s a fully working product. I made my personal boilerplate to speed up that process.

I sometimes use Firebase services when I’m too lazy to work on the backend.

For native apps, I use React native to build mobile apps (Ios & Android). I also have a personal boilerplate that I use to speed up the process.

Growth

For growth, I focus more on building useful products that users really need in their lives then I simply share it on Product Hunt, Hacker news, Reddit and on social media.

Setup

Laptops

  • MacBook Pro 2017 touchbar (belongs to the company I work for)

    • Display: 13” retina screen
    • CPU: 3.1 GHz Intel Core i5
    • GPU: Intel Iris Plus Graphics 650 1536 MB
    • Ram: 8GB LP DRR3
    • SSD: 250GB
  • MSI GP62 Gaming laptop (Which I haven’t used since early 2018)

    • MSI GP62 Leopard Pro
    • CPU: i5 4210
    • GPU: GeForce GTX 950M
    • Ram: 8GB DDR3
    • HDD: 1Tb

Gaming PC

I don’t use it anymore but here are its specs:

  • CPU: i5 3570 @ 3.4 Ghz
  • GFX: Asus Nvidia Geforce GTX 660
  • RAM: 8GB Revenge DDR3
  • Motherboard: Asus H61M
  • SSD: None
  • HDD: 1 Seagate Barracuda - 500gb + 1Tb HDD
  • PSU: CORSAIR 550w
  • Case: NOX
  • OS: Windows 10

Equipment

Which also I don’t use anymore

  • Display: BenQ GL2250
  • Mouse: Razer DeathAdder Chroma 2016
  • Mouse pad: Razer large mouse pad
  • Keyboard: Razer Chroma X Elite
  • Headset: Razer Kraken Pro
  • Microphone: None

Phones

  • For Android, I’m using the Google Pixel 2 with a Dbrand dragon skin

    • Android Q
  • For iOS, I’m using the Iphone 7

    • iOS 12.1.4

Previously, I was carying only a Nexus 6p which I had to stop using due to these reasons

Cameras

At the moment, I’m only carying with me a GoPro hero 3 white edition

Ai assistant

Currently, I’m using a Google home mini

VR

Google VR 1st gen headset

Earphones

I’m using the Apple Airpods & a wired earphones when the battery runs out

Full setup with pictures can be found here.

Subscribe to Smakosh.com

And get the latest articles delivered right to your inbox!