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.
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.
Technologies I've actually used and demonstrated across my repositories:
Frontend
Backend
Database
Tools & Workflow
A closer look at the projects that best represent my skill set โ real functionality, responsive design, and practical problem-solving.
๐ 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
๐ 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
๐ 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
๐ 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
๐ 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
๐ 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
๐ 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
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 |
I'm always open to connecting with fellow developers, mentors, and recruiters โ feel free to reach out through any of the channels below:
- ๐ผ LinkedIn: muhammad-kashif-a04386354
- ๐ง Email: kashif.codes01@gmail.com
- ๐ GitHub: @Muhammadkashif746
- ๐ Location: Bahawalpur, Pakistan
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.
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.