My Portfolio Website

A personal portfolio website built with Next.js and Tailwind CSS, designed to showcase my skills, projects, and professional journey in a modern, interactive format.

Portfolio

Project Overview

This portfolio serves as a central hub for my professional identity. It's not just a collection of links, but a demonstration of my ability to build performant, accessible, and aesthetically pleasing web applications. Built with modern technologies, it emphasizes user experience and clean code architecture.

🚀 Key Features

  • Project ShowcaseDetailed pages for each project with descriptions, tech stacks, and links.
  • About MeA dedicated section highlighting my background, skills, and education.
  • Contact InformationEasy access to my contact details and social media profiles.
  • Responsive DesignFully optimized for an optimal viewing experience across all devices.

🛠 Technologies Used

  • Next.jsReact framework for server-side rendering and static generation.
  • 📘
    TypeScriptTyped superset of JavaScript for enhanced code quality.
  • 🎨
    Tailwind CSSUtility-first CSS framework for rapid and custom UI design.
  • 🌐
    GitHub PagesPlatform for hosting and scaling the application.

Folder Structure

/app
├── /about
│   └── page.tsx
├── /contact-me
│   └── page.tsx
├── /projects
│   ├── /hotel-management
│   │   └── page.tsx
│   ├── /library-management
│   │   └── page.tsx
│   ├── /mathematics-helper
│   │   └── page.tsx
│   └── /portfolio
│       └── page.tsx
├── favicon.ico
├── globals.css
├── layout.tsx
└── page.tsx

/components
├── /global
│   ├── Card.tsx
│   ├── Footer.tsx
│   └── Navbar.tsx
├── /pagecomponent
│   ├── Certificate.tsx
│   ├── HomeCard.tsx
│   ├── ProjectCards.tsx
│   └── ReachMeOut.tsx
└── styles.tsx

/public
├── /projects
│   ├── hotel_management.png
│   ├── library_management.png
│   └── mathshelpjava.png
└── ...
View on GitHub