Discover the Creative Work of Haroon
I'm Haroon, crafting visually stunning websites with cutting-edge technology for a seamless digital experience.
About Me 
Hi, I’m Haroon, a passionate frontend developer specializing in the MERN stack with two years of hands-on experience. I thrive on crafting user-friendly, responsive web applications using React and enjoy turning complex problems into seamless user experiences. My expertise spans across the full stack, though I’m particularly drawn to building interactive and efficient interfaces that make digital products intuitive and enjoyable to use. I’m always excited to take on new challenges and continue growing my skills in the ever-evolving world of web development.
Download CV
Services
Why You Should Hire Me For Your Next Project?
I specialize in modern web development, using cutting-edge tools like React, Next.js, and the MERN stack to build high-performance, responsive web applications. Below are the key services I offer.
Web Development
Building fast, responsive websites using React and Next.js for optimal performance and SEO.
Back-end Integration
Connecting web apps with RESTful APIs, GraphQL, Firebase, and other services for smooth data flow.
State Management
Efficiently managing application state using Redux, Context API, or Zustand for scalable apps.
UI/UX Design
Creating intuitive user interfaces with custom animations and modern design principles.
App Deployment
Deploying web apps on platforms like Vercel, Netlify, and AWS with continuous integration.
Testing and Optimization
Ensuring stability through testing, code optimization, and performance improvements.
My Work
Discover My Portfolio and See How My Work is Done Right!
I bring ideas to life through modern web development, crafting responsive, scalable, and optimized applications using the latest technologies like React, Next.js, and the MERN stack. Here are some of my top projects and accomplishments.
Full-Stack E-commerce Multi Dental
Full-stack Dental E-commerce Website built using the MERN stack (MongoDB, Express, React, Node.js), providing a clean and professional interface for users to browse and purchase dental products. Users can securely sign up and log in using JWT authentication, explore the product catalog, filter items by category, and add products to their shopping cart. The platform includes Stripe API integration for secure online payments and an admin dashboard to manage products, orders, and users. Technologies Used
View Project
Road Smart Solutions
RoadSmart Solution is a full-stack web application developed using Laravel (backend) and Next.js (frontend) to provide a fast and scalable digital solution. The platform includes secure authentication, RESTful API integration, and a responsive user interface built with modern React architecture. It enables smooth communication between the frontend and backend while ensuring efficient data handling. The application is optimized for performance with improved database queries and clean backend logic. Its responsive design allows users to access the system easily across different devices, delivering a reliable and user-friendly experience.
View Project
Quick Cart E-commerce Website
A modern full-stack e-commerce platform built with Next.js, Node.js, and Express, designed to deliver a fast and seamless online shopping experience. The application includes secure user authentication with Clerk, a dynamic shopping cart, and integrated payment functionality. It also features an admin dashboard for managing products, orders, and users efficiently. The interface is built with Material-UI and Tailwind, while Socket.io enables real-time updates, creating a responsive and smooth user experience across the platform.
View Project
Admin Dashboard
A modern frontend admin dashboard built with React.js, designed to provide a clean and efficient interface for managing application data and monitoring system activities. The dashboard features responsive layouts, reusable UI components, and intuitive navigation for a smooth user experience. Styled with Tailwind, Bootstrap, HTML, and CSS, it ensures fast performance and consistent design across different devices and screen sizes.
View Project
Edusity
The university web application, built with React.js and Context API, provides a dynamic platform for managing courses, faculty information, and student interactions efficiently. Users can explore academic programs, view faculty details, and access course-related information through a clean and responsive interface. The application ensures smooth navigation and organized data management, delivering a user-friendly experience across devices with a modern design implemented using HTML and CSS.
View Project
Tomato Food delivery
A modern food delivery platform designed to provide a fast and convenient online ordering experience. The system allows users to browse food items, place orders easily, and track their deliveries in real-time. It also includes secure payment integration and a responsive interface, ensuring smooth navigation and reliable performance across different devices.
View Project
Google Gemini
A modern web application integrating Google Gemini AI to provide intelligent user assistance and automation features. The platform delivers a smooth and interactive experience with a responsive interface and dynamic animations. Built with React.js and Context API, the UI is styled using Tailwind CSS, HTML, and CSS, while Framer Motion enhances visual interactions. The application is deployed on Vercel for fast and reliable performance across devices.
View Project
AI Content Generator
The AI Content Generator, built with Next.js and using PostgreSQL with the Gemini engine for its database, provides a sleek and modern interface for users to create AI-driven content. After signing in, users can select from various content templates and filter them by type, such as blogs, articles, or social media posts. The system includes an add-to-drafts option for saving work in progress and offers a real-time content preview, allowing users to make adjustments before finalizing and publishing their content.
View Project1 year 6 months
Months Experience
Active development experience15+
Projects Completed
Including personal and client work2
Jobs
Valuable industry exposure100%
Client Satisfaction
On freelance projectsProfessional Experience
My journey through internships, training, and professional roles in web development
Mern Stack Developer
- Working as a MERN Stack Developer, building responsive and dynamic user interfaces using React.js, Tailwind CSS, and JavaScript (ES6+)
- Implementing clean component architecture with optimized rendering performance
- Managing application state using Redux and Context API
- Integrating RESTful APIs using Axios for smooth data flow
- Authentication workflows using JWT and real-time features with WebSockets
- Using Git and GitHub for version control
- Collaborating with backend teams on scalable, production-ready features
Web Developer Intern
- Designed interactive websites using HTML, CSS, Bootstrap, JavaScript, and PHP
- Applied Object-Oriented Programming principles for backend development
- Built dynamic, user-friendly web solutions
- Collaborated with senior developers on real-world projects
The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps.
The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps.
The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps.