Hi, my name is

Abu Qamar Shaikh

I have built many industry grade projects from scratch and am armed with many technological skills useful for tech projects. Check out my projects below. :)

+91 9321230765 abuqamar0765@gmail.com
14

VERIFIED SKILLS

12

PROFESSIONAL PROJECTS

200+

DSA PROBLEMS SOLVED

Hero Image

Skills Acquired

HTTP
HTTP
HTML
HTML
CSS
CSS
Bootstrap
Bootstrap
Git
Git
REST
REST
JavaScript
JavaScript
Linux
Linux
React
React
Node JS
Node JS
Express JS
Express JS
Mongo DB
Mongo DB
Mongoose
Mongoose
Postman
Postman

My Projects

XFlix Frontend

Jan - Feb 2024

XFlix is a video sharing platform which hosts videos for the world to watch. It also features uploading new videos by using external video links (eg: Youtube) and playing these videos.

During the course of this project,

  • Built XFlix frontend using React.js from scratch
  • Used Postman collection to understand API requirements
  • Mocked backend server using Postman Mock Server for API response
React Hooks
React Router
Material UI
Material UI Grid
React Lifecycle Methods
React State & Props
Developer Tools
Netlify CLI
ES6
Forms
Controlled Components
Event Handling
Responsive Design
Deployment
React
Netlify
Figma

XFlix Backend

Jan 2024

XFlix is a video sharing platform which hosts videos for the world to watch. It also features uploading new videos by using external video links (eg: Youtube) and playing these videos.

During the course of this project,

  • Built XFlix backend using Node.js, Express.js and MongoDB from scratch
  • Implemented APIs according to the API contract set
Mongoose ODM
MongoDB Querying
Heroku
Render
ES6
Deployment
Node JS
Express JS
Mongo DB
REST
Postman

QKart Frontend

Sep 2023

QKart is an e-commerce application offering a variety of products for customers to choose from.

During the course of this project,

  • Implemented the core logic for authentication, shopping cart and checkout
  • Improved UI by adding responsive design elements for uniform experience across different devices
  • Utilized REST APIs to dynamically load and render data served by the backend server
Deployement
Netlify
Material UI Grid
Keyword Seacrh
Debouncing
LIFECYCLE METHODS
React Router
Material UI
Responsive Design
localStorage
React Hooks
Forms
Controlled Components
REST
JSON
Error Handling
Developer Tools
ES6
Conditional Rendering
React State & Props
React
Event Handling

QKart Backend

Dec 2023

QKart is an e-commerce application offering a variety of products for customers to choose from.

During the course of this project,

  • Built the complete set of REST APIs for an E-commerce application following the best practices
  • Used MongoDB NoSQL database for data storage
  • Wrote unit and integration tests to test the implementation
Deployement
Heroku
Netlify
MongoDb Atlas
Test Driven Development
Unit Testing
Integration Testing
Jest Framework
Hashing
Token authentication
JWT Token
Password authentication
Mongoose ODM
JOI Data Validation
Postman
REST
ES6
Mongo Queries
Express JS
Node JS
Mongo DB

QTify

Dec 2023

QTify is a song-browsing application built from scratch using ReactJS paired with Material UI and Swiper to deliver a seamless and aesthetic user interface, offering songs from different albums and genres for music lovers.

During the course of this project,

  • Conducted a thorough analysis of the provided Figma design, successfully identifying and documenting required front-end components.
  • Created modular UI components including Cards, Carousels, and Buttons optimizing for reusability across various sections of the application.
  • Implemented an intuitive genre-based song filtering system using a tab component by modifying the one provided by MaterialUI, allowing users to browse songs by their preferred genre effortlessly.
  • Utilized REST APIs to fetch data served by the backend server
Deployement
Netlify
React JS
Module-scoped CSS
API Integration and Data Handling
Conditional Rendering
Component Reusability
Customizing Third Party Components
Swiper Library Usage
Material UI
Flexbox
CSS variables
Responsive Development
REST
JSON
Error Handling
Developer Tools
ES6
Conditional Rendering
React State & Props
Event Handling

QTripStatic

Jul 2023

QTrip is a travel website aimed at travellers looking for a multitude of adventures in different cities.

During the course of this project,

  • Created 3 different web pages from Wireframe layout using HTML and CSS
  • Utilized Bootstrap extensively for responsive design
  • Deployed the website to Netlify
Bootstrap Display
CSS positioning
Bootstrap Responsive Images
Bootstrap Flex
Bootstrap Spacing
HTML
CSS
Developer Tools
Bootstrap
CSS Flexbox
Responsive Design
VS Code Live Server
Deployment
Netlify
Netlify CLI

QTripDynamic

Aug 2023

QTrip is a travel website aimed at travellers looking for a multitude of adventures in different cities.

During the course of this project,

  • Created web pages using HTML and CSS and made them dynamic using JavaScript
  • Improved UX with multi-select filters, image carousels
  • Utilised localStorage to persist user preferences at client-side
Netlify CLI
Deployment
Heroku
Netlify
Conditional Rendering
Bootstrap Carousel
Event Handling
localStorage
HTML
CSS
ES6
JavaScript
Developer Tools
Bootstrap
HTTP
REST
Responsive Design
VS Code Live Server
DOM Manipulation
cURL
JSON

XBoard

Aug 2023

XBoard is a News Feed website that will feature the latest news for select topics, from Flipboard.

During the course of this project,

  • Built XBoard using HTML, CSS, Bootstrap and JavaScript from scratch
  • Used Accordions and Image Carousel to improve UI
  • Fetched news content from flipboard's RSS feed using REST API
HTML
CSS
Figma
Bootstrap
ES6
JavaScript
DOM Manipulation
Developer Tools
REST
JSON
Netlify
Netlify CLI
Deployment
VS Code Live Server
Bootstrap Carousel

Portfolio

Sep 2023

This is my portfolio.

During the course of this project,

  • Created web pages from scratch using HTML and CSS and made them dynamic using JavaScript
  • Used accordion to improve UI
  • Utilized Bootstrap extensively for responsive design
  • Deployed the website to Netlify
Bootstrap Display
CSS Positioning
Bootstrap Responsive Images
Bootstrap Flex
FlexBox
Bootstrap Spacing
HTML
CSS
JavaScript
ES6
Bootstrap
CSS Flexbox
Bootstrap Cards
CSS Animation
Dynamic Programming
Responsive Design
Conditional Rendering
Event handling
Developer Tools
DOM Manipilation
JSON objects
VS Code Live Server
GitHub Deployment
Deployment
Netlify
Netlify CLI

GitHub Profile Searcher

Aug 2023

A responsive web app that will query GitHub API to fetch user details based on username and show the details.

During the course of this project,

  • Built Github Profile Searcher using HTML, CSS, Bootstrap and JavaScript from scratch
  • Utilized Bootstrap extensively for responsive design
  • Fetched profile content from github users api using REST API
HTML
CSS
JavaScript
Bootstrap
HTTP
JSON
REST
ES6
DOM Manipulation
Developer Tools
Responsive Design
VS Code Live Server
GitHub Api
Deployment
GitHub Deployment

Weather App

Sep 2023

an Application that can give live details about the weather in any location.

During the course of this project,

  • Created web application from scratch using React
  • Improved UI with the use of Material UI
  • Fetched weather content from weather key api using REST API
  • Deployed the website to Github Pages
React
JavaScript
CSS
HTML
Material Design
Functional Programming
REST API
Material UI
Responsive Design
ES6
Event Handling
Debouncing
Mock API
Conditional Rendering
Dynamic Programming
React State
Controlled Components
React Hooks
Developer Tools
Axios React
Debouncing Functions
VS Code Live Server
GitHub Deployment
React Effects
Handling Side Effects
Material UI Card

Admin UI

Oct 2023

GeekTrust Frontend Challenge Welcome to our powerful Admin-UI React app! With its intuitive interface, you can easily manage user lists.

During the course of this project,

  • Implemented user search by name, email, or role.
  • Improved the user interface with responsive design for a consistent experience on all devices.
  • Dynamically loaded and rendered data from REST APIs.
  • Enabled the deletion of multiple users or individual users.
  • Implemented the ability to edit user details (name, email, role)
  • Added pagination for seamless navigation through large lists.
Deployment
Netlify
Material UI Grid
LIFECYCLE METHODS
Material UI
Responsive Design
React Hooks
Controlled Components
REST
JSON
Error Handling
Developer Tools
ES6
Conditional Rendering
React State & Props
React
Event Handling
Pagination