User Management System React and asp.net

Overview:

The project I have completed is a web application that allows users to register, login, and manage their information based on their assigned roles. The application utilizes technologies such as.NET Core, ReactJs, JSON, JavaScript, and MySQL/SQL. The main objective of the project is to demonstrate expertise in full-stack development by implementing various features and functionalities.

Features:

The app includes the following features:

  1. User Registration: Users can create an account by providing necessary information such as username, email, password, address and contact number.
  2. User Login: Registered users can securely log into the application using their credentials.
  3. User Roles: The application supports three types of roles: Administrator, User, and Staff. Each role has different access levels and permissions.
  4. Admin Dashboard: The administrator has complete control over the application. They can add, edit, or delete any information provided by users.
  5. Staff Dashboard: The staff members have limited access. They can add or edit information provided by users but cannot delete it.
  6. User Dashboard: Users have limited access and can only add or modify their own information.

Technology stack:

The app is built using the following technologies:

  • Backend: .NET Core (C#), MySQL/SQL
  • Frontend: ReactJs, JavaScript
  • Data Interchange Format: JSON

Challenges:

  1. User Authentication and Authorization: Implementing a secure user authentication and authorization system to ensure that only authorized users can access the application and its features.
  2. Role-based Access Control: Designing and implementing a system to manage user roles and their corresponding permissions.
  3. Data Management: Creating a database schema to store user information and designing efficient data retrieval and modification methods.
  4. User Interface: Developing a user-friendly and intuitive interface using ReactJs and JavaScript to enhance the overall user experience.

Screenshot of UI

Login Page

Registration Page

Admin Dashboard

The Administrator has complete control over the application and can add, edit, and delete all information provided by users.

Staff Dashboard

The Staff role has limited access, allowing them to add and edit user information only.

User Dashboard

Users have the most limited access and can only add or change their own information.

Create View:

Update View:

View Single user:

Thank You