Skip to content
View Muhammadkashif746's full-sized avatar

Block or report Muhammadkashif746

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please donโ€™t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this userโ€™s behavior. Learn more about reporting abuse.

Report abuse
Muhammadkashif746/README.md

Hi, I'm Muhammad Kashif ๐Ÿ‘‹

Frontend Developer | Computer Science Student | Building the Web One Responsive Layout at a Time

I'm a Frontend Developer at Microtech IT Solution, currently pursuing my Computer Science degree at Islamia University of Bahawalpur. My focus is on crafting clean, functional, and fully responsive websites โ€” turning designs into pixel-accurate, real-world web experiences using HTML, CSS, JavaScript, and Tailwind CSS.

LinkedIn Email GitHub


๐Ÿ‘จโ€๐Ÿ’ป About Me

I'm a frontend-focused developer who enjoys the process of translating a design or an idea into a working, responsive website. Alongside my Computer Science studies at Islamia University of Bahawalpur, I work as a Frontend Developer at Microtech IT Solution, a software house based in Bahawalpur, where I get hands-on experience building real websites for real use cases.

Here's a quick snapshot of how I work and what I care about:

  • ๐Ÿ—๏ธ I build multipage, fully responsive websites โ€” from agency and business sites to management-system dashboards
  • ๐ŸŽจ I pay close attention to layout, spacing, and responsiveness across devices, not just desktop views
  • โš™๏ธ I write JavaScript-driven functionality โ€” from calculators to interactive UI behavior โ€” not just static pages
  • ๐Ÿ“š I treat every project as a learning opportunity, which is why my GitHub includes both polished client-style projects and dedicated practice repos (JS logic drills, filters, scroll behavior, etc.)
  • ๐ŸŒฑ I'm currently expanding beyond pure frontend โ€” exploring TypeScript for safer, scalable code, and dipping into backend basics with Flask and MongoDB
  • ๐ŸŽฏ My long-term goal is to grow into a well-rounded developer who's equally comfortable on the frontend and backend

I believe consistency beats intensity โ€” most of my repositories reflect an ongoing, steady practice of building, breaking, and rebuilding things until they work the way they should.


๐Ÿ› ๏ธ Tech Stack

Technologies I've actually used and demonstrated across my repositories:

Frontend

HTML5 CSS3 JavaScript TypeScript Tailwind CSS

Backend

Flask

Database

MongoDB

Tools & Workflow

Git GitHub VS Code Netlify


โญ Featured Projects

A closer look at the projects that best represent my skill set โ€” real functionality, responsive design, and practical problem-solving.

๐Ÿจ Hostal Management System โ€” Public Website

๐Ÿ“ A multipage hostel management website built for a real-world use case, covering everything a visitor or resident would need to browse and interact with โ€” rooms, information pages, and a clean navigation structure across multiple pages. ๐Ÿ› ๏ธ Tech: HTML, CSS, Tailwind CSS, JavaScript โœจ Highlights: Multipage structure, fully responsive across devices, clean UI ๐Ÿ”— Live Demo: https://hostal-management-public-website.netlify.app/ ๐Ÿ’ป Source Code: https://github.com/Muhammadkashif746/Hostal-management-system-public-website

๐Ÿ’ผ Resume Job Recommender

๐Ÿ“ A resume-based job recommendation system โ€” users can submit their resume and receive relevant job listings, with job search and recommendation logic handled on the backend. ๐Ÿ› ๏ธ Tech: Flask, MongoDB โœจ Highlights: Backend integration with a database, resume parsing and matching logic, job search feature ๐Ÿ’ป Source Code: https://github.com/Muhammadkashif746/Resume_Job_Recommender

๐Ÿš€ Web Rocket

๐Ÿ“ A multipage agency-style website designed to showcase services in a modern, professional layout, built entirely with Tailwind CSS for fast and consistent styling. ๐Ÿ› ๏ธ Tech: HTML, Tailwind CSS โœจ Highlights: Multipage layout, consistent design system, responsive across breakpoints ๐Ÿ’ป Source Code: https://github.com/Muhammadkashif746/Web-Rocket

๐Ÿงฎ Calculator

๐Ÿ“ A simple, fully functional calculator handling real-time calculations with a clean, minimal interface. Built as part of my internship task at CodeAlpha. ๐Ÿ› ๏ธ Tech: HTML, Tailwind CSS, JavaScript โœจ Highlights: Real-time calculation logic, responsive UI, internship deliverable ๐Ÿ’ป Source Code: https://github.com/Muhammadkashif746/Calculator

๐Ÿšš Truck Dispatching Website

๐Ÿ“ A modern dispatching website with a fully responsive, professional layout โ€” built to demonstrate structured, business-style web design. ๐Ÿ› ๏ธ Tech: TypeScript, HTML โœจ Highlights: TypeScript implementation, modern layout, fully responsive ๐Ÿ’ป Source Code: https://github.com/Muhammadkashif746/Truck-Dispatching-website

๐Ÿ›๏ธ BR Architects

๐Ÿ“ A responsive architecture-firm website clone built specifically for frontend practice โ€” with an emphasis on grid-based layouts and mobile-first design principles. ๐Ÿ› ๏ธ Tech: Tailwind CSS, CSS Grid โœจ Highlights: CSS Grid layout system, mobile-first responsive design, modern UI patterns ๐Ÿ’ป Source Code: https://github.com/Muhammadkashif746/BR-Architects

๐ŸŒ Personal Portfolio V3.0

๐Ÿ“ The latest and most refined version of my personal developer portfolio, rebuilt with layout and design improvements over earlier versions. ๐Ÿ› ๏ธ Tech: HTML, CSS โœจ Highlights: Iterative redesign, improved layout and structure over previous portfolio versions ๐Ÿ’ป Source Code: https://github.com/Muhammadkashif746/Personal-Portfolio-V3.0


๐Ÿ“‚ All Projects

Beyond the featured work above, here's the rest of my public repositories โ€” a mix of practice projects, earlier iterations, and learning exercises:

Project Description Tech
Javascript-Learning My JavaScript learning journey โ€” weekly practice, logical problems, and hands-on coding exercises JavaScript
Personsal-Portfolio My personal, fully responsive and functional portfolio (earlier version) HTML
Laptop-Integrated-Portfolio A modern laptop-integrated portfolio design JavaScript
Hostal-management-website-fully-responsive A fully responsive hostel management website HTML
Tracter-dispacthing-website Dispatching website project HTML
Iron-peak-gym-website A modern Iron Peak gym website CSS
Love-Nature-Website A demo nature-themed website CSS
Resume_Job_Recommend-system Resume-based job recommender (frontend-focused version) CSS
Filters-scroll-behavior Practice project applying filters and scroll behaviors HTML
TechWire_Website Semester project โ€” a tech news website HTML
Message-Spy A website project built during my CSS learning journey HTML

๐Ÿ“Š GitHub Stats

Kashif's GitHub Stats

Top Languages

GitHub Streak


๐Ÿ“ˆ Contribution Activity

GitHub Activity Graph


๐ŸŒ Connect With Me

I'm always open to connecting with fellow developers, mentors, and recruiters โ€” feel free to reach out through any of the channels below:


๐ŸŽฏ Current Focus

Right now, I'm concentrating on strengthening my core JavaScript skills through consistent, weekly practice โ€” working through logical problems and hands-on exercises to build a deeper understanding of the language. Alongside that, I'm expanding my toolkit with TypeScript for more structured, reliable code, and taking my first steps into backend development with Flask and MongoDB, so I can build complete, full-stack features rather than just interfaces.


๐Ÿ’ก How I Approach Development

I believe good frontend work isn't just about making something look right โ€” it's about making it work reliably across screen sizes, stay easy to maintain, and actually solve the problem it was built for. Every project on this profile, whether it's a polished multipage website or a small practice repo, represents a step in that ongoing process of building, testing, and improving.

Clean code, responsive design, and consistent practice โ€” building one project at a time.

Popular repositories Loading

  1. Javascript-Learning Javascript-Learning Public

    My JavaScript learning journey with weekly practice, logical problems, and hands-on coding exercises.

    JavaScript 2

  2. Truck-Dispatching-website Truck-Dispatching-website Public

    A modern Dispatching website . Which is fully responsive and modern layout

    TypeScript 2

  3. Hostal-management-website-fully-responsive Hostal-management-website-fully-responsive Public

    A fully responsive website

    HTML 2

  4. Laptop-Integrated-Portfolio Laptop-Integrated-Portfolio Public

    A Modern laptop integrated portfolio

    JavaScript 2

  5. Hostal-management-system-public-website Hostal-management-system-public-website Public

    A multipages hostal manage website

    HTML 2

  6. Personsal-Portfolio Personsal-Portfolio Public

    My personal fully responsive and functionally portfolio

    HTML 2