Skip to content

Haripur, Khyber Pakhtunkhwa, Pakistan

Hasnain Ali

Full Stack Developer (MERN Stack / Next.js)

Full Stack Developer with production experience building scalable, responsive web applications using the MERN stack and Next.js. Combines precise frontend design with robust backend logic and REST API integration.

View my workDownload CV
Portrait of Hasnain Ali
  • React.js
  • Next.js
  • Node.js
  • MongoDB
  • PostgreSQL
  • Tailwind CSS

About me

Production experience across the MERN stack and Next.js, from the interface to the database.

Professional summary

Full Stack Developer with production experience building scalable, responsive web applications using the MERN stack and Next.js. Combines precise frontend design with robust backend logic and REST API integration.

How I work

My work covers the whole path of a feature: a responsive interface, the REST APIs behind it, authentication and database design, and deployment. That lets me take a product requirement and see it through without handing it across a gap between frontend and backend.

Career objective

To join a forward-thinking company as a Full Stack Developer and contribute to building impactful software products, while continuously learning and innovating in modern technologies.

Professional strengths

  • Frontend and backend in one hand

    Builds the interface in React and Next.js, then wires it to Node.js, Express, and Next.js API routes so features work end to end.

  • Authenticated, role-based apps

    Has shipped secure login and role-based access with Firebase Authentication and Firestore, and with custom admin and staff roles in MERN.

  • Responsive and SEO-aware

    Designs for every screen size and uses server-side rendering where search visibility matters, such as the PicoTech.pk company site.

  • Ships what it builds

    Deploys and maintains projects on Vercel, Render, and Firebase Hosting, with GitHub-based workflows.

Working style

  • Creativity
  • Detail-oriented, error-free work
  • Interpersonal skills
  • Effective communication
  • Problem-solving
  • Logical thinking
  • Teamwork

Technical skills

The tools I use to build and ship full stack applications.

Programming languages

  • HTML
  • CSS
  • JavaScript

Frontend development

  • React.js
  • Next.js
  • Tailwind CSS
  • Redux
  • jQuery

Backend development

  • Node.js
  • Next.js
  • Express.js

Databases

  • MongoDB
  • MySQL
  • PostgreSQL

Tools and platforms

  • Git
  • GitHub
  • Vercel
  • Postman
  • VS Code
  • Firebase

Other technical skills

  • REST APIs
  • Authentication
  • Database Design
  • Responsive UI
  • SSR

Work experience

Five positions across full stack, frontend, and data work, most recent first.

  1. Full Stack Developer

    DesignClinic.pk

    to

    • Developing the ASIT web platform (inspired by ASET.org) with secure authentication and role-based access via Firebase Authentication and Firestore.
    • Built a fully responsive React.js/Tailwind CSS interface with RESTful workflows for enrollment and course management; deployed on Vercel.

  2. Software Engineer

    Mahhir 360

    to

    • Designed and implemented core backend features (superadmin and user modules) for a restaurant internal management system using Node.js, Next.js API routes, and PostgreSQL.
    • Built key frontend features with Next.js, React.js, and Tailwind CSS, and integrated backend APIs with the frontend for a seamless end-to-end experience.

  3. Frontend Engineer

    Bonny

    to

    • Developed interactive React.js/Next.js UI components to display events on a map, enabling saving, voucher redemption, and subscription management.
    • Built responsive business dashboards with QR-code voucher redemption and an admin control panel for users, businesses, and events.

  4. Frontend Intern

    Powersoft 19

    to

    • Developed frontend features for a healthcare system using React.js and Tailwind CSS, collaborating with the team to enhance UI/UX and performance.

  5. Data Analysis Intern

    District Agriculture Department Office, Haripur

    to

    • Automated reporting and quantitative analysis using Pandas/NumPy, cutting manual data-processing time by 40% through feature engineering.
    • Delivered reports and visualizations supporting planning decisions, and integrated weather API data into the Agricultural Information Portal.

Featured projects

Eight projects spanning learning platforms, business sites, dashboards, and commerce.

  • Screenshot of ASIT Learning PlatformIllustrative preview

    Jan 2026 – Present

    ASIT Learning Platform

    An educational platform modeled after ASET, supporting student enrollment and skill-training modules with role-based access.

    • React.js
    • Firebase
    • Tailwind CSS
    Project details
    • Full-featured educational platform (modeled after ASET) supporting student enrollment and skill-training modules, with role-based auth via Firebase.
    • Built responsive, scalable UI with React.js and Tailwind CSS; integrated REST APIs and Firestore for real-time data, deployed continuously on Vercel.
  • Screenshot of Crypto Coin Dummy Buy & SellIllustrative preview

    Aug 2024 – Oct 2024

    Crypto Coin Dummy Buy & Sell

    A live crypto tracking dashboard with practice buy and sell portfolio management, powered by real-time Binance prices.

    • React.js
    • Binance WebSocket API
    Project details
    • Live crypto tracking dashboard using Binance WebSocket for real-time price updates, with dummy buy/sell portfolio management via localStorage.
    • Designed a responsive UI with custom charts and a Favorites section for quick tracking; fully deployed on Vercel.
  • Screenshot of PicoTech.pk Business WebsiteIllustrative preview

    Jul 2024 – Aug 2024

    PicoTech.pk Business Website

    A complete company website presenting IT services and client solutions, built for search visibility with server-side rendering.

    • Next.js
    • Tailwind CSS
    • Firebase Hosting
    Project details
    • Complete company website showcasing IT services and client solutions, with SEO-optimized pages built using Next.js server-side rendering.
    • Integrated Firebase for contact forms and inquiries; managed deployment and continuous updates via Firebase Hosting and GitHub.
  • Screenshot of Inventory & Billing Management SystemIllustrative preview

    May 2024 – Jul 2024

    Inventory & Billing Management System

    A web-based system for billing, stock inventory, and customer invoices, with separate admin and staff access.

    • MongoDB
    • Express.js
    • React.js
    • Node.js
    Project details
    • Web-based system for billing, stock inventory, and customer invoices with secure login and role-based access for admin/staff.
    • Built CRUD APIs in Node.js with efficient MongoDB queries; generated PDF invoices and daily sales reports, deployed on Render.
  • Screenshot of AI-Powered Fault Detection DashboardIllustrative preview

    Mar 2024 – May 2024

    AI-Powered Fault Detection Dashboard

    A real-time monitoring dashboard that flags equipment faults with machine learning models, using simulated live sensor input.

    • Python
    • Streamlit
    • Machine Learning
    Project details
    • Real-time monitoring dashboard for detecting equipment faults using ML models with simulated live sensor inputs (temperature, vibration, pressure).
    • Trained ML models on the NASA Turbofan dataset with threshold alerts and fault prediction outputs, deployed for industrial demonstration.
  • Screenshot of E-Commerce StorefrontIllustrative preview

    Jan 2024 – Mar 2024

    E-Commerce Storefront

    A modern online store with product listings, cart, order tracking, and secure Stripe payments.

    • React.js
    • Firebase
    • Stripe
    Project details
    • Modern e-commerce store with product listings, cart management, and order tracking, integrated with Stripe for secure payments.
    • Implemented user authentication, wishlists, and order history via Firebase; deployed on Vercel with a GitHub CI workflow.
  • Screenshot of Dynam GalaxyIllustrative preview

    Sep 2024 – Oct 2024

    Dynam Galaxy

    An interactive company website showcasing digital solutions, with custom Framer Motion animations and responsive layouts.

    • Next.js
    • React.js
    • Framer Motion
    Project details
    • Dynamic, interactive website showcasing the company's digital solutions, with custom Framer Motion animations for user engagement.
    • Designed and optimized responsive layouts for seamless performance across devices, collaborating closely with UI/UX designers.
    Live site
  • Screenshot of Quizical AppIllustrative preview

    Sep 2024 – Oct 2024

    Quizical App

    An interactive quiz app that fetches questions from quiz APIs, tracks scores, and validates answers across categories.

    • Next.js
    • React.js
    • HTML
    • CSS
    Project details
    • Interactive quiz application with real-time question fetching via quiz APIs, score tracking, and answer validation across categories.
    • Designed a responsive, user-friendly interface using React.js components and state management for a smooth cross-device experience.

Education and certifications

A software engineering degree, backed by short courses in development, data, cloud, and security.

Education

  1. Bachelor of Software Engineering

    Pak-Austria Fachhochschule (PAF-IAST), Haripur

    to

  2. FSc Pre-Engineering

    Shoukat Public School & College, Haripur

    to

Certifications

  • Full-Stack Development
  • Frontend Development
  • Data Analytics
  • Introduction to Data Engineering
  • Introduction to IT & AWS Cloud
  • AI for Beginners
  • Introduction to Cyber Security
  • WordPress

Let’s work together

I am looking for a Full Stack Developer role where I can build useful software products. If you have a position or project in mind, send me a message.

Send a message

This opens Gmail with the message filled in. Nothing is stored on this site.