Access the deployed web.
The pandemic has forced the whole world to a long and complete lockdown. The long-lasting pandemic has brought millions of new people to fall in love with a certain entertainment called Anime. This project is a website for the community of Anime lovers to express their love and opinions about Anime. The features of the web is as follows:
The web requires users to sign up for an account to utilize the Anime social web app. By default it will assume you already have an account and will bring you to a login page but you can redirect if you haven't got an account just yet. It will require you to provide a username, email, password, and a url for a profile photo. For the timebeing, the photo is recommended to be a square because there is no image-squarer feature just yet. Later, you can upload your own profile picture after successfully created an account and logged in. Here's an image of the signin and login page:
Here is the signup page view.
Here is the login page view.
There is no email verification feature yet so you can come up with one that just doesn't exist. It will only act as an identifier to the account. Only a single account can exist for a single email.
After logging in, the first page you will see is the feed page. It's a timeline of posts created from all users that exists in the community. What you can do in this web is basically give a score to an anime. The score you gave will automatically create a post that will be seen in the timeline by everyone in the community.
Here is a view of the feed page.
The feed page will be filled by posts of peoples' posts that consists of a user's profile picture, username, the score he/she has given to a particular anime, and the basic data of the anime scored.
Basically you can score any anime from any posts that has a plus sign button. The plus sign button, when pressed will open a popup menu that has a list of score options from 1 to 10 (from worst to best). After pressing/clicking a score, the web should send a POST request to the database server to store the post data. After that, the post should be visible in the Feed post.
This is how it will look when you press the plus button on the feed page.
Note: Scoring an anime will post to the feed page and the posts on the feed page cannot be deleted. Scoring the same anime will replace your submitted score to an anime but will create a new post of the same anime to the feed page.
To navigate the page or run a certain functionality, you need to open the main menu popup which will appear after clicking the profile picture located inside the page header. On your screen, the profile picture will be located on your top right.
Here is a screenshot of how the menu will appear after clicking the profile picture.
As you can see, you have the option to the following:
This will lead you to an empty page wil a search bar by default. There will be able to type an anime title and obtain results after you press on the search button.
You can update a profile picture of an image file from your own device by pressing the avatar option.
You can finally logout by pressing the logout option on the header menu.