Conact-Manager

The "Contact-Manager" project is a full-stack web application built using java, html, css, javascript, thymeleaf, Spring-boot and Spring-security that allows users to manage their contacts. This application provides users with a simple and intuitive interface for creating, editing, and deleting contacts, as well as searching and sorting them.

Some of the key features of the Contact-Manager application include:

1. User authentication: Users can create an account and login to the application securely using spring-security

2. Contact management: Once logged in, users can perform CRUD operations on their contacts, including creating, reading, updating, and deleting them.

3. Contact search and sorting: Users can search for contacts by name and sort contacts by name.

4. User profile: Users can update their contacts details, including the pictures.

5. Responsive design: The application is designed to be responsive and compatible with different screen sizes.

The frontend of the application is built using Html, Css, Javascript, Thymeleaf, Bootstrap,TinyMCE. The backend is built using java and spring boot and MySQL for data storage.

The Contact-Manager project is a good example of a full-stack web application with user authentication and CRUD functionality, and it can be used as a starting point for building more complex applications.

Homepage

Register Page

In Register Form Email id is the Username for login.

Login Page

This is Custom Login Page and made by using spring security.

Add Contact

There are total 7 fields

1. Enter Name 2. Enter Nick Name 3. Enter Phone Number
2. Enter Email id 5. Enter Work
3. Text Area where you can write Description, I had use TinyMCE for Text Area
4. Upload File

Show User Contact List

All Contact which the user added will shown and if you click on email id then you can see user details.

In this page i had done Pagination and i had give only 5 contact.

View Contact Detail

By click on Email id Your can view the contact details

Update Contact

By clicking on update button you can update the user data it will update in database also and if you upload new picture then the old picuture will get deleted.

Your Profile

Here you wuill get to see the user Details

Change Password

Search Bar

By enter the contact name you want to search it will will show you the name if it present in database and by clicking on it it will show you the data of that contact so after that you can update or delete the contact.