How it looks

Code

How it looks

Frontend Code for Login Page

Code that controls how the Login Page Looks

How it works

How it looks

Login Screen link to Reset Password

Frontend Code for Reset Password Page

How the Reset Password Page works

How it looks

The input fields

The two buttons

Handling the Inputs

Calling the API

Creating the Account

How it Looks

The Code

How it Looks

The Code

Logout

How it Looks

Logout Code

Example Home Page

Code from Mainpage

New Post Box

Code for New Post Header

New Post Box Code for the Body and Footer

Handling Posting Images: How it looks

Handling Posting Images: How it works

Creating the Image Gallery

Using the Image Gallery

Code

How it looks

Code

How it looks

Code

Profile Head Code: Top Banner

Profile Head Code: Bottom Box

How it looks

The Blog shows up in both the Profile Page as well as the Home Page. It's main purpose is to display posts

Code

How it looks

How it looks

This encompasses the User Avatar, Clickable Full name, and the ... menu

Code

How it looks

This encompasses the image or picture that is the Post itself

Code

Code from Post

CommentGroup: New Comment Box

The part of the Component that is used in Post in order to show the new comment box

CommentGroup: CommentList

The part of the Component that is used in Post in order to show the Comments

Code

How it looks

Code

Code

Code

When someone clicks Add Friend, the code calls dbAddFriendRequest

When someone clicks Cancel request, the code calls dbCancelFriendRequest

When someone clicks Approve, the code calls dbAcceptFriendRequest, which then calls dbAddFriend

When someone clicks Deny, the code calls dbDenyFriendRequest

When someone clicks Unfriend, the code calls dbDeleteFriend