Skip to content

A clean, personal portfolio website built with Blazor that showcases my projects, experience, and technical background. The site is fully component-driven, fast, and easy to extend, serving as both a professional portfolio and a living example of modern .NET web development.

License

Notifications You must be signed in to change notification settings

wheat32/portfolio-web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

24 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Nicholas Page's Portfolio Website

A modern, responsive portfolio website built with Blazor Server and ASP.NET Core, showcasing my professional experience, education, projects, and technical skills as a software engineer and instructor.

🌐 Live Site: nicholaspage.dev/

.NET Blazor Bootstrap License

πŸš€ Features

🎨 Modern Design

  • Responsive Layout - Optimized for all devices (desktop, tablet, mobile)
  • Dark/Light Theme Toggle - Automatic theme switching with persistent preferences
  • Purple Gradient Accent - Cohesive color scheme throughout (#8B5CF6 to #7C42E7)
  • Smooth Animations - Cubic-bezier transitions and hover effects
  • Bootstrap 5 Integration - Modern UI components and utilities

πŸ“„ Pages

🏠 Home

  • Hero section with professional headshot
  • Quick stats and highlights
  • Professional experience timeline
  • Education overview
  • Skills and interests
  • Interactive call-to-action sections

πŸ‘€ About

  • Comprehensive professional profile
  • Technical skills showcase (100+ skills organized by category)
  • Education details with achievements
  • Certifications (AWS Cloud Practitioner, freeCodeCamp)
  • Personal hobbies and interests
  • Photo gallery with professional headshots

πŸ’Ό Experiences

  • Main Overview: Timeline of all professional positions (5 companies, 8+ years)
  • South Hills Details: In-depth look at current role as IT/Software Development Instructor & Software Engineer
    • 15+ courses taught
    • Custom tools developed (Grading Tools Suite, shsdp.dev platform)
    • System modernization (.NET Framework β†’ .NET Core 10)
  • Interactive cards with hover effects

πŸŽ“ Education

  • Bachelor of Science in Computer Science (Lock Haven University)
  • Graduated Cum Laude (3.511 GPA)
  • 5Γ— Dean's List recipient
  • Academic timeline with course history
  • Leadership roles and achievements

πŸš€ Activities

  • Personal projects:
    • Qt Task Manager - Linux task manager written in C++ with Qt framework
    • Pokeclicker Platinum - Game development with Electron and Wayland support
  • Freelance work:
    • Gilbert & Gilbert Auctions - PHP to ASP.NET migration with Google API integration
    • CWD Breeding WordPress Plugin - Custom ecommerce and database management
  • Video game development experience
  • Academic leadership roles

πŸ“œ Credits & Licenses

  • Framework and library attributions
  • License information (GPLv3)
  • Open-source acknowledgments

πŸ› οΈ Technical Features

  • Version Display - Automatic version numbering in footer from version.json
  • Browser Detection - Using Bowser.js for compatibility checking
  • Reconnection Modal - Custom UI for SignalR connection handling
  • Responsive Navigation - Hamburger menu on mobile with Bootstrap
  • SEO Optimized - Proper meta tags and page titles
  • Accessibility - ARIA labels and semantic HTML

πŸ—οΈ Built With

Core Technologies

JavaScript Libraries

Development Tools

πŸš€ Getting Started

Prerequisites

Installation

  1. Clone the repository

    git clone https://github.com/wheat32/portfolio-web.git
    cd portfolio-web/src/Portfolio
  2. Restore dependencies

    dotnet restore
  3. Build the project

    dotnet build
  4. Run the application

    dotnet run
  5. Open in browser Navigate to https://localhost:5001 (or the URL shown in the console)

Docker Support

# Build Docker image
docker build -t portfolio-web .

# Run container
docker run -p 8080:8080 portfolio-web

🎨 Customization

Theme Colors

Edit wwwroot/css/variables.css to customize the color scheme:

:root {
    --primary-background: #8B5CF6;  /* Purple */
    --secondary-background: #7C42E7; /* Darker purple */
    --purple-gradient: linear-gradient(90deg, #8B5CF6 0%, #7C42E7 100%);
}

πŸ“ License

This project is licensed under the GNU General Public License v3.0 - see the LICENSE file for details.

Third-Party Licenses

  • ASP.NET Core - MIT License
  • Bootstrap - MIT License
  • Bootstrap Icons - MIT License
  • Bowser - MIT License

πŸ‘¨β€πŸ’» About Me

Nicholas E. Page
IT/Software Development Instructor & Software Engineer

  • πŸŽ“ B.S. in Computer Science - Lock Haven University (Cum Laude, 3.511 GPA)
  • πŸ’Ό 8+ years of professional software development experience
  • 🏫 Teaching 15+ courses at South Hills School of Business and Technology
  • πŸ› οΈ Built custom Blazor tools for grading and student support
  • πŸ“š Expertise in C#, ASP.NET, Java, JavaScript, Python, and more

πŸ”— Connect With Me

πŸ† Certifications

  • AWS Certified Cloud Practitioner (July 2023 - July 2026)
  • Foundational C# with Microsoft (freeCodeCamp, June 2024)
  • Relational Database Developer (freeCodeCamp, July 2025)

πŸ™ Acknowledgments

Special thanks to the open-source community for creating and maintaining the amazing tools that made this portfolio possible:

  • Microsoft ASP.NET Core Team
  • Bootstrap Team
  • Bootstrap Icons Contributors
  • Bowser.js Maintainers

πŸ“Š Project Stats

  • Components: 10+ reusable components
  • Styling: Fully responsive with dark/light themes

Built with ❀️ using Blazor and .NET 10

Last Updated: February 2026

About

A clean, personal portfolio website built with Blazor that showcases my projects, experience, and technical background. The site is fully component-driven, fast, and easy to extend, serving as both a professional portfolio and a living example of modern .NET web development.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors