Skip to content

prashanthbilla/Spring-boot_ReactJs_UserManagement_Application

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 

Repository files navigation

Spring-boot_ReactJs_UserManagement_Application

User Registration Application:

This project aims to manage the users that you can login as an Admin and create new user roles such as user creation and update as well as, If we are new users to the app then we will creating new user details with the help of SignUp. After user creation you can login in to the app with login username and password that you are provided by the time of creation and update the user details if you want.

This Application is developed by the SpringBoot(Backend) and React-Js(Frontend).

Required Tools and Softwares:

-> Java_8V - Backend Programing Language -> IDE(IntelliJIDEA)-Backend -> Visual Studio Code and Node (Frontend) -> Mysql Databse(Workbench)-DATABSE


Links: Java_8V IntelliJIDEA VisualStudioCode MySqlWorkbench


Working and Functionality :

There are three login/signup scenarios:

  1. Login as Admin: -Showing the details of All Users, Admin can create, update and delete the user records. -If there is no created users, It is showing no users found.

  2. Login as User: -Showing the details of logged user and can update the details.

  3. Signup as User: -complete the creation of user and Login as user with user credentials username and password. -In User creation process will provide the below details -Id: (Auto-generated) -UserName:(Mandatory) -Name: (Mandatory) -password:(Mandatory) -phoneNum:(Mandatory)


Home Page (Login page):

Loginpage


Login (When username and passwords are empty):


Empty uname pass


Login (When username and passwords are incorrect):


Invalid Credentials


1.Login as Admin(Success):

AdminLoginSuccess

Showing All Users in Admin Login:

AdminUserList

AddUser in Admin Login:

AdminAddUser

AddUser Success in Admin Login: Note- id is auto-generated integer value

AdminAddUserSuccess

Admin Login UsersList After Adding the User:

AdminUsersListAfterAddedOneUser

UpdateUser in Admin Login: When clicks update button it will fetch the user details and dispaly in update user page:

    **select the user:**

AdminUpdateUserSelecting

    **getting user details:**

AdminUpdateUSer

UpdateUser in Admin Login, after changing the details:

AdminUpdateUserAfterUpdating

Delete The User in Admin Login:

AdmineSelectThedelete

Delete the User in Admin Login:


    ***When the delete button clicks***

AdminUserDeleted

    ***When the User delete success:***

AdminUserDeleteSuccess

All the Cancel Buttons are Redirecting to Previous Page:

UserCancel

All the Logout buttons are Redirecting to Home Login Page:

UserLogout

Home Login Page:

HomeLoginPage


New User Click the SignUp Botton to Register(User Details):


Like Add User:

SignUpUser

When the User Successfully SignedUp then It Will Redirecting to Home Login Page:

Login as User(username and password are correct):

EnterTheUserLoginDetails

Logged as User and Displaying the Single User Details:

Note: There is No Functionality to Delete the User in User Login:

SingleUserDetails

Update and Logout Functions are Same as the AdminLogin Functionality:

Thank You

Prashanth Billa

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published