The home page welcomes the user and displays date/time, updates in the app and weather details of the place. The openweathermap API has been used to fetch weather data.​​​​​​​

The Contact Component is responsible for giving information about the creator of the app. Moreover the other two components help in submitting any queries a user has regarding the app. The queries are displayed in Contact List Component. 

The queries can also be searched through tags in Contact List Component and a user can see their own submissions using slider button and can delete them too.

To use the various functionalities of the app one has to register. The registration option is available on the Register page accessible through navigation bar. Error validation of the input is done and when the data is correct, it is stored in the database.

The password of the respective user is encrypted and then stored in the database. During authentication the entered password is encrytped and then compared hence no decryption takes place.

When the user logs in, after validation of the login information a token is generated for the particular user. Sign in once and the app keeps you logged in for 1 hour. After that the token will expire and the user is logged out.
Interceptors are used in the front end to manipulate the requests to the back end by adding the token of the user. Detailed error validation has also been done with display of messages to the user.

The Post List Component displays the posts created by different users. The posts are accessible to the public. Paginator has been implemented to access posts on the next page. Posts per page can also be changed.

The post can be edited or deleted. Moreover only the user has the authority to edit or delete the post. Others will not be allowed.

Appropriate error or success messages are displayed.

This is the section where the user can access the entire post. The post can also be favorited by any user using the heart emoji. The post will then be added to the favorite section of the respective user.

Following are the features of the Comment Panel.

1. Only logged in users can comment on the post.

2. The comment can also be deleted. Only the respective user can delete the comment. Others will not be allowed.

3. The user image is automatically loaded from the database in the comment section.

4. The feature to disable comments has been provided.

5. Rich Text Editor has been provided which can be maximized to screen size as per need.

6. Sub Comment Component has been used to add replies to various comments.

The maximized view of Rich Text Editor is shown below.

The comments can be edited by the user.

The Profile Component displays information particular to the logged in user. It consists of the following components.

In this component the user can change the profile picture.

Here the user can perform the account related actions. Handling of personal data is done here.

There are four components here which the user can navigate through.

Favorite Posts Component: All the posts favorited by the user are displayed here.

Notes Component: The user can create notes and save them as per requirement.

Change/Update Component: To update or change the login information.

Delete Account Component: The account can be deleted with all the user data from here.

The posts made by the user are displayed here. The user can directly access the posts from this component.

Thank you. :)