ASP.NET MVC Team Management App using Bootstrap(+Syncfusion UI Components), EF Core as ORM, SQL Server as DB, Identity for Auth, SignalR for Realtime Client-Server Communication. Consists of these pages: Login and Register page, Kanban Board homepage, File page, Teams Page, Account and Settings.
Introducing a login page, built with Identity scaffolding, providing email and password-based authentication along with a third-party login options like Google and Microsoft.
Kanban Board is at apps main page where tasks can be assigned to different employees which are derived from the list of users that are registered via third party single-sign-on authentication like Google or its own email and password based authentication - both created from scaffolding Identity API.
App has also a swimlanes toggle in the settings page. Kanban swimlanes provide a visual way to categorize and separate tasks within a project. This feature enhances organization and clarity, making it easier to manage and track progress.
Kanban board interface has been created using Syncfusion's Kanban Board. Tasks can be created by clicking the plus sign and filling the form that will pop up:
Tasks can be edited by double clicking the task we want to edit:
Tasks can also be moved to other columns or employees by simply dragging the task to its desired position:
Data persistence: All the Kanban data is being stored inside SQL Server database.
Aside from its main page the app has a File Management System page where employees can upload and download files that are necessary for the team. It tracks which employee uploaded the file and its upload date and time. The app has a role-based authorization so depending on the role that a signed-in user has, it will permit or prevent the user from deleting files that were uploaded from other employees. Files are stored inside a Datatables table with pagination.
(Work in progress)Teams page where users can create teams, assign team members, and engage in chat conversations specifically related to their chosen teams. The chat functionality is facilitated by SignalR, ensuring real-time communication and notification updates.
The Settings page allows users to control preferences like dark mode, Kanban board swimlanes, and create or assign authorization user roles, if the user is administratior.
Responsive UI design adapts to various screen sizes, ensuring a seamless experience on any device.
- ASP.NET - The web framework used
- Syncfusion - Used for some UI components
- Bootstrap - Used for some UI components
- SQL Server - Used to persist data
- SignalR - Used for adding real-time functionality
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent