Notes By Shahzaib

Shahzaib Khalid

Full-Stack JavaScript Developer

GitHub LinkedIn Quora Twitter

Summary  

I’m the author of MERN App Generator and modal.js JavaScript library.

I design and build full-stack applications based on the popular MERN stack, backed by the power of JavaScript. I'm equally passionate about both, front and back-end of an application and laser focused on responsiveness, intuition-based UX and insanely simple and minimal UI.

I'm a minimalist, obsessed with JavaScript and design in equal measure and a passionate advocate for the greater involvement of artists and creative thinkers in software development. I have a quality of putting great attention towards minor details and a sense of refining the design until perfection.

I greatly focus on cross-browser compatibility, responsive design, touch optimization, user interaction, web accessibility and client-side optimization.

My design philosophy is heavily based on minimalism, the idea that “less is more” is what I constantly put to practice when I’m designing user interfaces and application logic. I’m also a great admirer of Pareto Principle, and I use it to bring 80% functionality with 20% user-interface components in any web design.

Toolkit  

There are some obvious things I love to use and design with. Some of my most-loved technologies and tools are listed below.

Core Technologies  

HTML5
HTML5
CSS3
CSS3
JavaScript
JavaScript

Front-End Tools  

Reactjs
ReactJS
Bootstrap
Bootstrap 4
webpack
webpack
Redux
Redux
jQuery
jQuery
Sass
Sass

Back-End Technologies  

NodeJS
NodeJS
ExpressJS
ExpressJS

Database  

MongoDB
MongoDB

Version Control  

Git
Git
GitHub
GitHub

Other Tools  

NPM
NPM
BabelJS
BabelJS
Cloudflare
Cloudflare

SEO  

google-search-console
Webmasters
google-analytics
Analytics

Testing  

Jest
Jest

Projects  

mern-app-generator

MERN App Generator

Create, build and deploy MERN stack applications with breeze.

mern-scripts

MERN Scripts

This package includes scripts and configuration used by MERN App Generator.

modaljs

modal.js

modal.js is a library to create, add and modify interactive modal windows to a JavaScript applications.

registration-system

Registration System

A completely unopinionated MERN based user registration system, built with zero-dependency.

shaizei-light

Shaizei Light

A light Visual Studio Code Theme, heavily inspired by minimalism, sleekness and rosy-brown color.

search-hacker-news

Search Hacker News

Most simplest way to search and find hundreds of articles from Hacker News database, built using ReactJS.

productive-pomodoro

Productive Pomodoro

A simple to use, goals achieving Pomodoro technique timer, all using HTML, CSS & JavaScript.

instant-weather

Instant Weather

An insanely simple, local weather and location finder, all using HTML, CSS & JavaScript.

wikipedia-viewer

Wikipedia Viewer

A simple to use, all at one place Wikipedia Viewer, all using HTML, CSS & JavaScript.

sassy-clock

Sassy Clock

A minimal yet beautiful, all in one clock experience, all using HTML, CSS & JavaScript.

move-planner

Move Planner

An interactive, close to real, drum playing experience, all using HTML, CSS & JavaScript.

electronic-drum-kit

Electronic Drum Kit

An interactive, close to real, drum playing experience, all using HTML, CSS & JavaScript.

Education  

Apart from doing a bachelors degree, I constantly remained in touch with online education, most specifically MOOCs and learnt most of my full-stack development skills through online courses.

Bachelors in Electrical Engineering  

I completed my bachelors degree from University of Engineering & Technology, Taxila. In campus, I studied about computer science, algorithms, basics of programming in C++ and object oriented design. I wrote two research articles related to core electrical engineering but in sophomore, I realized that my genuine interest lies in software engineering, especially full-stack development. So I took plenty of MOOCs and studied on my own to build my foundations as a full-stack developer.

Certificates  

Following courses really helped me a lot in strengthening my knowledge and practice of web development.

freeCodeCamp's Front-End Development Program 

freeCodeCamp's front-end development program is a rigorous hands-on development program consisting of plenty of coding challenges and front-end projects. freeCodeCamp helped me a lot in reaching and fulfilling my goals and pushed me forward in learning the art of front-end engineering.

Programming Foundations with JavaScript, HTML and CSS (with Honors)

This course by Duke University taught me the basic fundamentals of web technologies and programming in general.