INSTRUCTIONS - kryvtsunt/movie-angular GitHub Wiki

Here is the list of instruction of how to use this application (constantly updating):

HOME

By default you get to the home page. From top to bottom, this page has a navigation bar (with several navlinks, a searchbar, and two buttons on the right side), a welcome jumbotron, several lists of movies (navigate to each by clicking corresponding button), advertisement jumbotron, and a list of articles about the latest movies.
Here is the list of all action you can do here:

  • Currently there are two Navigation links on the left side of the navigation bar (to the left of search bar): Home (you are currently here), and About (this is a page with instructions of how to use the application - basically same content as here)
  • The search bar has two modes (for now the difference is only visual, same functionality). The dimmed icon-button to the right of the search bar changes its mode(click on it to see what it does): search bar "jumps" in and out of the navigation bar ( I believe that the better option is to keep the search bar out of the navigation bar, because otherwise in the phone/tablet mode, user will have to go to the hidden menu -press sandwich button - to access the search bar)
  • When typing a name of the movie you want to find to the search bar, it dynamically loads and offers you a list of movies as you type ( the list is displayed under the navigation bar).
  • When pressing a magnifier button inside of the search bar, you get to the SEARCH page (search bar dissapiers from the navigation bar as there is another one in the SEARCH page); or if you are logged in, you can type "@" + username to get to a specific user profile
  • The dropdown icon-button to the right of the search bar is changed depending on whether you are logged in or not. If you are not logged in, the dropdown has two options: Sign In (takes you to the LOGIN page) and Sign Up (takes you to the REGISTER page). If you are logged in, the dropdown has two options: Profile (takes you to your PROFILE page) and Sign Out (logs you out and returns to the HOME page).
  • The Welcome jumbotron has 'Learn more' button that takes you to ABOUT page.
  • By clicking on the movie card you get to the movie page with the content about this particular movie.
  • The advertisement jumbotron can be closed by pressing 'Close' button
  • By clicking on the article card you get to the external website where you can read the full article.

SEARCH

This page is accessible for all users (even anonymous). Here you have two options:

  • Search movie by title (left side): deck of movie cards renders dynamically as you type.
  • Discover movies (right side): you have 3 dropdowns: year, genre, and sort; and a Search button. Customize your querry, and discover new movies. Here you have several pages of movies. You can use page buttons on the bottom, to travel between pages. By clicking on a particular movie you are transfered to the MOVIE page.

MOVIE

This page has all information about the movie. It is either taken from app's db (if it was edited by admin) or from external API. If user is not logged in he can only view the content. If the user is logged in he can write reviews, like, and bookmark a movie.

LOGIN

A simple page where user can Sign in using his credentials. Different types of errors pop up based on the user's input (wrong credentials, empty blanks, etc). It has a link to go to REGISTER page

REGISTER

A simple page where user can Sign Up by providing a username and a password. Username should be unique. Different types of errors pop up based on the user's input (Username is not unique, empty blanks, etc. )

PROFILE

When user signs in it gets to the Profile page. This a page that has all information about the user: His BIO, his Photo/Img, the list of people the user follows, the list of liked movies, the list of bookmarked movies. Depending on the user's role, user can see different buttons. ADMINISTRATOR has a button to go to the admin panel, and the user has a button to go to the USERS page where he can find a list of all other users. When user is in his profile he also can edit personal information and choose an img of default 8 imgs or set a custom profile img by providing url. User can also get a profile page of another user. In this case he cannot edit anything, only view the content. Also, user has an option to follow/unfollow another user by pressing corresponding button.

ADMIN

The admin panel has 3 tabs: Users, Movies, Logs

USERS

This page contains a list of all users. Regular user has a card deck view by default, Admin user has a table list by default. However, the view can be changed by pressing a button on the top right corner. Regular user can view each user's information and navigate to different profiles from here (by pressing on the user's icon). Admin user can modify and delete other users, as well as create new ones.

MOVIES

This page is accessible only by admin user. Admin can modify and delete each movie that is already in db.

LOGS

This page is accessible only by admin user. Admin can see all users' actions like/unlike/review/delete_review/bookmark/unbookmark/follow/unfollow