Hello, I'm

Full Stack Web Developer | Transforming Ideas into Dynamic Web Solutions with JavaScript, typeScript, NextJs, Express, React, and Node.js.

hero image

+

Projects

~

Users

Awards

Years

about-myself

About Me

As a dynamic full-stack web developer, I thrive on crafting immersive and adaptable web experiences.
With a robust toolkit encompassing technologies like Next.js, Next-Auth,JavaScript, TypeScript, React, Redux, Node.js, Express, PostgreSQL, Sequelize,MongoDB, Mongoose, HTML, CSS, and Git, I am equipped to tackle any challenge head-on.
Lets embark on a journey together, where passion meets proficiency, and together, we will build extraordinary digital experiences that leave a lasting impression.

  • Node.js
  • React
  • Socket.IO
  • Next.js
  • Express
  • PostgreSQL
  • MongoDB
  • JavaScript
  • typeScript
  • Tailwind
  • Redux
  • Zustand

My Projects

  • Car Marketplace

    I have built a car marketplace using React and PostgreSQL with secure authentication powered by Clerk. Buyers and sellers can list cars, chat in real-time, and share text or images. Check it out!

  • Real Estate - Tax Calculator

    Developed a web app to calculate taxes on land mutations and determine inheritance shares.Aimed at 120 million people in Punjab, Pakistan, to prevent overcharging by providing accurate tax information and inheritance shares.

  • Real-Time Chat Application

    Users can log in and chat in real-time, with all messages stored in a database. The app dynamically tracks online status, sends notifications with unread message counts, and provides read receipts, ensuring a seamless messaging experience similar to WhatsApp.

  • Food Ordering - ECOMMERCE

    I developed an e-commerce website for food ordering, featuring seamless Stripe integration for secure payments. Users can easily log in, update their profiles, and manage their orders. The admin has comprehensive control to oversee all orders and users, with powerful reporting tools for monthly revenue analysis. The project utilizes a robust tech stack, including Node.js, JavaScript, MongoDB, Next.js, and NextAuth for authentication. This solution ensures a smooth user experience and efficient administrative management. It's designed to meet the needs of both customers and the business, enhancing overall operational efficiency.

  • Dynamic Business Landing Page

    A sleek and responsive business landing page built with Next.js, featuring eye-catching animations for a modern look. The project includes four essential pages: login, signup, and password recovery, ensuring a smooth user experience. Designed for business owners to introduce their services with a professional online presence. The landing page combines functionality with aesthetics to engage visitors effectively. Ideal for showcasing a brand with style and ease of use.

  • Car Marketplace

    A fully responsive and mobile-friendly platform where users can search for new or used cars by brand, category, or price range, and buy or sell cars. Features include viewing the most searched cars and managing profiles and listings. Built with React, Node.js, Tailwind CSS, PostgreSQL, and Firebase for a seamless experience.

  • Streak Tracking - Application

    I have developed a streak-tracking application using Next.js and NextAuth for authentication. The app offers a seamless registration process with email verification and instant username availability checks. For password recovery, it sends a 6-digit code via email for secure resets. Middleware ensures proper access control, allowing only authenticated users to access protected pages, thereby providing a secure and personalized experience.

  • Convert Figma To WebSite

    I meticulously crafted a responsive landing page, seamlessly adapting to various screen sizes from mobile to large screens. Transforming a Figma design into a dynamic React application with TypeScript, I ensured optimal user experience across devices. By implementing best practices in front-end development, including media queries and flexible layouts, the landing page maintains its elegance and functionality on every screen. This project underscores my expertise in creating engaging web interfaces that prioritize usability and accessibility. It's a testament to my commitment to delivering polished, responsive designs tailored to modern browsing habits.

  • Drum-kit Using JS-CSS

    Experience the exhilaration of playing a lifelike drum kit brought to life with JavaScript and CSS. Immerse yourself in the rhythm as you feel the authentic sensation of beating drums with every tap. Engage your senses and unleash your inner musician with this interactive drumming experience. Dive in and let the beats transport you to a world of rhythmic bliss. Try it now and feel the groove

Let's Connect

I'm currently looking for new opportunities, my inbox is always open. Whether you have a question or just want to say hi, I'll try my best to get back to you!

Github IconLinkedin Icon