A simple project priority board built with Blazor (Razor Components).
The application demonstrates component-based UI design, parentβchild communication, and dynamic list reordering to simulate basic project management workflows.
-
π Project Cards
- Display project name, deadline, and status
- Clear visual status indicators
-
πΌπ½ Priority Reordering
- Move projects up and down the list
- Buttons are conditionally rendered based on position
- Prevents invalid actions for first and last items
-
π¨ Conditional Styling
- Active projects are visually highlighted
- Different styles for Planning and On Hold statuses
-
π§© Component-Based Architecture
- Reusable
ProjectCardcomponent - Clean separation of UI and logic
- Reusable
-
π About Page
- Explains the project management approach
- Describes how a priority board supports development teams
- Blazor (Razor Components)
- C#
- EventCallback
- Conditional Rendering
- CSS for styling
- The
Homecomponent maintains a list of projects - Each project is rendered using a
ProjectCardcomponent EventCallbackis used to notify the parent when a card requests to move- Project order updates dynamically based on user interaction
- Buttons are shown or hidden depending on the cardβs position in the list
This project was created to practice and demonstrate:
- Blazor component communication
- Passing parameters and callbacks
- Managing state in a parent component
- Conditional rendering and styling
- Building interactive UI without JavaScript
- The project uses an in-memory list (no database)
- Designed as a learning and portfolio project
- Easily extendable with persistence, drag & drop, or authentication
Final-year Game Development student
Learning Blazor and ASP.NET with a focus on clean architecture, UI logic, and interactive components.
This project is intended for educational and portfolio use.