ProfileMVC – Personal Portfolio Website

A personal portfolio website built with ASP.NET Core MVC (.NET 8) as a front-end showcase activity. This project demonstrates how C# MVC handles views, layouts, models, and tag helpers — without implementing back-end logic.

📸 Features

• Hero Section — Animated intro with name, title, avatar, and floating cards
• About Section — Bio, education, interests, and contact links
• Skills Section — Grouped technology tags (Frontend / Backend / Tools)
• Projects Section — Cards with 3D tilt effect, tags, and links
• Experience Timeline — Vertical work history with animated dots
• Contact Form — Fully structured HTML form (front-end only; no email logic)
• Responsive Design — Mobile-first with hamburger nav
• Scroll Animations — Intersection Observer reveal effects
• Typing Effect — Hero subtitle animated on load

🏗 Project Structure

ProfileMVC/
├── Controllers/
│   └── HomeController.cs        # Index + Contact actions
├── Models/
│   └── ProfileViewModel.cs      # Strongly-typed view models
├── Views/
│   ├── Home/
│   │   └── Index.cshtml         # Main one-page portfolio
│   ├── Shared/
│   │   └── _Layout.cshtml       # Shared HTML shell
│   ├── _ViewImports.cshtml
│   └── _ViewStart.cshtml
├── wwwroot/
│   ├── css/
│   │   └── site.css             # Custom styles (no frameworks)
│   └── js/
│       └── site.js              # Vanilla JS interactions
├── Program.cs
├── appsettings.json
└── ProfileMVC.csproj

🛠 Tech Stack

Layer	Technology
Framework	ASP.NET Core MVC (.NET 8)
Language	C#
Views	Razor (.cshtml)
Styling	Vanilla CSS (CSS variables, Grid, Flexbox)
JavaScript	Vanilla ES6+
Fonts	Google Fonts (Playfair Display, DM Sans, DM Mono)

🚀 Running Locally

Prerequisites: .NET 8 SDK

git clone https://github.com/YOUR_USERNAME/ProfileMVC.git
cd ProfileMVC
dotnet run

Then open: https://localhost:5001 or http://localhost:5000

📌 Note

This project is a front-end demonstration only. The contact form submits to HomeController.Contact() but no email or database logic is implemented — the form is included to show MVC form binding and tag helpers.

📚 Concepts Demonstrated (Lesson 3 — C# MVC Front-End)

• MVC project structure and conventions
• Strongly-typed Razor views with @model
• Tag Helpers (asp-action, asp-for, asp-controller)
• _Layout.cshtml shared layout
• ViewData and TempData usage
• CSS variables for consistent theming
• Intersection Observer API for scroll animations
• CSS Grid and Flexbox responsive layouts