Skip to content
This repository has been archived by the owner on Feb 2, 2020. It is now read-only.

Home Page

Michał B edited this page Feb 11, 2018 · 1 revision
Step Action Expected result
1. Layout
  • View is responsive
  • Has a title bar (for narrow screens displayed as a vertical hamburger)
  • On the left side of the title bar there are buttons: website logo, Projects, Knowledge Base
  • On the right side of the title bar there is a button for login / registration
2. Button: service logo
  • As the icon has a website logo
  • It does not illuminate when you hover
  • Clicking the button takes you to the home page
3. Button: Projects
  • After hovering the button lights up
  • After clicking, the button moves to the subpage used for browsing projects
4. Button: Knowledge base
  • After hovering the button lights up
  • After clicking, the button moves to the subpage used for browsing knowledge base
5. Button: Login / Register
  • The button has a human icon
  • After clicking on the button the window with the fields "email" and "password", button "Login" appears, which when hovering is highlighted, and after clicking calls the user's login action, and two subtitles "Register" (moves to the registration form) and "I forgot password "(moves to the password recovery form)
6. Content
  • It has four elements - one "cycle view" and three tables with rankings
7. "Most popular" - cycle view / carousel
  • The element is responsive
  • Displays the 5 most popular projects (photo, project name, author's login and rating)
  • The displayed elements are switched automatically every 6 seconds
  • It has dots telling which carousel element is currently displayed
  • The carousel is to loop
8. Tables with rankings
  • There are three tables with rankings
  • Each table is responsive
  • They are displayed in two variants (all side by side or one below the other)
  • Each table has a category name and 10 lines
  • Each row consists of the order number, thumbnail, project name and rating
9. Footer
  • Contains links to the Regulations, Contact and About us

General


Technical documentation

  1. Models
Clone this wiki locally