Haseeb Ali Sajid

MERN Stack Developer


I'm a web

See my work!

profile picture

About

Myself

Passionate MERN stack developer with 1-year experience . I have worked in Node js, Express js on server-side React js & Redux on client-side using MongoDB as NoSQL database. Having a strong background with vanilla js, jquery, ajax.
You can check my all projects on Github & Codepen.
Links are given Below.

Skills

What I can do for you

Web Design

Aesthetically pleasing website is more than just pixelated information, right? In my hands, every project deserves going for the extra mile finding the exact right color scheme, layout and font.

Web Development

Lately I prefer to build web with React & Node js to create polished UIs. React has become my favourite framework since it optimises performance and makes dynamic content rendering a breeze

React Js

Redux

Node JS

Firebase

Mongo DB

HTML5

CSS3

Javascript

jQuery

Adobe XD

Portfolio

What I've done

Saloon Management System

View Github
More info

Hairdo is online Saloon & Spa booking System

GOAL:

  • Develop a User-Friendly interface
LEARNING POINTS:
  • Overwriting Bootstrap default styles. I learned a lot about the importance of !important and ended up in StackOverflow plenty times to see how to disable some of Bootstrap's native behaviour.
  • Mobile responsiveness. Differences between BS3 and BS4 sometimes caused problem, since you use the screen size prefix -sm- or -lg- differently, but once you get a hang of it, it flies like a dream!
  • Learn fireabase authentication & realtime data storage using javascript

Movie App (React/Redux)

View Github
More info
GOAL:

  • Develop a User-Friednly interface and implement a search feature to search movies in API.
  • Develope a app for movies list
LEARNING POINTS:
  • Learn how to fetch API and state managment in React using hooks and Context API

Book List (React/Redux)

View Github
More info
GOAL:
  • To Develop an App using React.Js and hanling state with hooks and context API
  • Use Local Storage to keep record for permanent
LEARNING POINTS:
  • Learn how to manage state in React using Redux.This is my first React/Redux project.I know a little bit about state management but never implement it into a project.So i took it as a challenge and implement it.
  • Learn how to use local Storage in react.
GOAL:

Make a fluid single-page personal portfolio site showcasing my skills as a front end web developer.

LEARNING POINTS:
  • Visual appeal versus user friendliness. I made this website with a help of a tutorial which included a flamboyant animated fullscreen toggle menu. None of the menu items were visible even on full desktop view.
  • Pros and cons of libraries. This site implements AOS animations, but one whole day of coding was wasted trying to debug a very weird margin in mobile view which was explained nowhere in my code. By the end of the day I found out that AOS library's classes fade-right/fade-left were the culprits, creating an odd margin in mobile viewports that no inspector could identify the cause of. I learned a lot here through process of elimination, squinting at the box model and googling, which I am sure helps me debug future weird visual errors faster.

COVID-19 Tracker APP (React/Redux)

View Github
More info
GOAL:
  • To Develop an App on current situation of corona using React.JS
  • Fetch data from API in React.JS
  • Use Chats in a React APP
LEARNING POINTS:
  • I don't know how to fetch data from an API or in simple word I don't know how to use an API in React.JS APP. So i learned it in this project.
  • Learn how to use Chat.JS in a React.JS App

Contact


Let's create something together! Get in touch: alihaseeb714@gmail.com