Harry Ward | Software Engineering Portfolio

A modern, responsive software engineering portfolio built with Next.js 16, React 19, TypeScript, and Tailwind CSS v4.

The portfolio showcases my software engineering projects, technical experience, GitHub activity, algorithms and data structures practice, and ongoing development work through a clean, responsive, and performance-focused web application.

---

✨ Highlights

• Next.js 16 App Router architecture
• React 19 with TypeScript
• Responsive, mobile-first design
• Light and dark theme support
• Live GitHub repository integration
• Dynamic project showcase
• Algorithms & Data Structures section
• Engineering activity dashboard
• Technical blog (coming soon)
• SEO-focused structure
• Accessibility-conscious UI
• Modern component architecture

---

🛠️ Tech Stack

Technology	Purpose
Next.js 16	React framework and application architecture
React 19	User interface development
TypeScript	Static typing and developer safety
Tailwind CSS v4	Utility-first styling
shadcn/ui	Reusable UI components
Lucide React	Interface icons
React Icons	Technology and brand icons
next-themes	Light and dark theme management
GitHub REST API	Live GitHub repository and activity data

---

📂 Project Structure

src/
├── app/              # Application routes and pages
├── components/       # Reusable UI components
│   ├── layout/       # Layout and navigation components
│   ├── sections/     # Portfolio sections
│   └── ui/           # Shared UI components
├── content/          # Portfolio and page content
├── lib/              # Utilities and API integrations
├── providers/        # Application providers
├── styles/           # Global styles
└── types/            # TypeScript type definitions

public/               # Static assets

---

🚀 Getting Started

Prerequisites

Make sure you have Node.js and npm installed on your machine.

1. Clone the repository

git clone https://github.com/harrywardy-cmd/portfolio.git

2. Navigate to the project

cd portfolio

3. Install dependencies

npm install

4. Start the development server

npm run dev

5. Open the application

Visit:

http://localhost:3000

---

📜 Available Scripts

Development

npm run dev

Starts the Next.js development server.

Production Build

npm run build

Creates an optimized production build.

Production Server

npm run start

Runs the production build locally.

Linting

npm run lint

Runs ESLint to identify code quality and style issues.

---

🗺️ Development Roadmap

✅ Completed

• Initial project architecture
• Responsive navigation
• Light and dark theme system
• Hero section
• GitHub API integration
• Live "Currently Building" section

🚧 In Progress

• Featured Projects section
• Engineering Dashboard
• Experience Timeline

🔜 Planned

• Technical Blog
• Algorithms & Data Structures section
• Contact section
• Analytics
• Performance optimisation
• Additional accessibility improvements

---

📸 Preview

Screenshots and additional project previews will be added as development progresses.

---

🌐 Live Website

Coming soon.

The portfolio is currently under active development.

---

👨‍💻 About

Harry Ward Software Developer | Computer Science Graduate | IT Service Desk Analyst

I’m building my career in software engineering with a focus on developing practical applications, strengthening my algorithms and data structures knowledge, and continuously improving my engineering practices.

This portfolio serves as both a professional showcase and an ongoing record of that journey.

Connect

• GitHub: https://github.com/harrywardy-cmd
• LinkedIn: https://www.linkedin.com/in/harry-ward-b2b9b4319

---

📄 License

This project is licensed under the MIT License.