So I thought about sharing the tools I use personally or at work, so let’s start with,
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:
If I’m simply coding an interface that I might integrate into a web app 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:
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 200 stars on GitHub, but I prefer coding with vanilla CSS or CSS in JS using styled-components or CSS modules, 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. But recently I use one of my Gatsby starters depending on the type of the API I’m willing to request data from.
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.
For growth, I focus more on building useful products that users really need in their lives then I simply share it on this blog, Product Hunt, Hacker news, Reddit and on social media.
MacBook Pro 2017 touchbar (belongs to the company I work for)
MSI GP62 Gaming laptop (Which I haven’t used since early 2018)
I don’t use it anymore but here are the specs:
Which also I don’t use anymore
For Android, I’m using the Google Pixel 2 with a Dbrand dragon skin
For iOS, I’m using the Iphone 7
Previously, I was carrying only a Nexus 6p which I had to stop using due to these reasons
At the moment, I’m only carrying with me a GoPro hero 7 black edition limited edition
Currently, I’m using a Google home mini
I’m using the Apple Airpods & some Huawei wired earphones when the battery runs out
Full setup with pictures can be found here.