Skip to content

Latest commit

 

History

History
33 lines (27 loc) · 2.85 KB

checklist.md

File metadata and controls

33 lines (27 loc) · 2.85 KB
Raw

Checklist for preparing a portfolio project

Tech review

  1. Add favicon
  2. Add a smooth scroll for the whole page (scroll-behavior: smooth;)
  3. Menu on mobile should contain navigation links
  4. Logo should lead to the first section and don't reload the page
  5. Icons in the more than gaming and why kat loco blocks should be animated on hover
  6. The arrow icon in the footer should increase when hovering and when clicked smoothly scroll the page to the top
  7. All interactive elements(links, buttons, pictures, icons) should have a hover effect and cursor pointer. User must intuitively understand that he can interact with them
  8. Make sure when you click on logo there is no 404 error (Use href="#" in anchor tag)
  9. When you try to send the form there is no 405 error and the form is automatically cleared after submit and is scrolled to the top of the page or the page is reloaded
  10. The form shouldn’t submit empty
  11. The form shouldn’t accept incorrect data in a field with a phone number (for example, a number with a letter and there was no error), give this and all inputs a correct input type
  12. After autocomplete the form, change the default styles. Read more about changing autocomplete styles
  13. OPTIONAL: After everything is done you can add a slider in the “about product” section

HR review

  1. To make it clear to the recruiter what exactly this landing page is, it is better to give the whole web page the title “KatVR”
  2. A landing page is implemented strictly according to the design in Figma
  3. Links in the header and footer menus should lead to the corresponding blocks of the landing page
  4. The speed of animations is the same throughout the landing page (for example, increasing when hovering or moving blocks when scrolling)
  5. Placeholders in the forms suggest what to enter, and if there is a validation of the form, then it is clear in what format to enter the phone number
  6. Make sure everything looks neat on mobile and without horizontal scrolling
  7. After clicking the menu buttons, the landing page should scroll exactly to the beginning of the desired block (exactly where its section begins)
  8. It would be more realistic if the "Buy now" button was active and clickable (for example, it could scroll the page to a contact form)
  9. The video should work. If it is not working, it can confuse the recruiter/user, because then it is not clear why it is on the landing page.
  10. It is important that in the email field the user has the opportunity to enter the whole mail and the text is not cut off
  11. All the social icons in the footer should be clickable and open the KatVR social networks in a new tab.