Personal Engineering Portfolio Website

2026

No Gallery Available

This project is the actual website you are currently viewing. You can explore the full implementation live.

    Project Overview

    Designed and developed a responsive personal engineering portfolio website to showcase technical projects, simulations, and engineering design work in a structured and visually accessible format.

    Frontend

    • Next.js
    • React
    • JavaScript

    Styling & UI

    • Tailwind CSS
    • Responsive Design
    • Dark Mode UI

    Animation & UX

    • Framer Motion
    • Interactive UI Components

    Project Details

    Built a fully responsive portfolio website using Next.js with dynamic routing for individual project pages.

    Implemented reusable project data structure to dynamically render engineering projects from a central dataset.

    Designed modern UI with Tailwind CSS including dark mode support and mobile-first responsiveness.

    Integrated smooth page transitions and animations using Framer Motion to improve user experience.

    Optimised layout and component structure for scalability and future project additions.

    Key Results

    • Delivered a fully responsive and production-ready engineering portfolio website.
    • Improved accessibility and presentation of technical engineering projects.
    • Achieved modular and scalable architecture for easy future updates.
    • Enhanced user engagement through smooth animations and structured navigation.

    Other Projects

    Road Vehicle Drag Reduction
    Automated Heat Exchanger Assembly
    Spacecraft Heat Shield Thermal Analysis
    CFD Analysis of UAV

    Follow me