Skip to content

Latest commit

 

History

History
32 lines (27 loc) · 2.47 KB

checklist.md

File metadata and controls

32 lines (27 loc) · 2.47 KB

Checklist for preparing a portfolio project

Tech review

  1. Add favicon
  2. Add a smooth scroll for the whole page (scroll-behavior: smooth;)
  3. Logos in header and footer should be links to home page
  4. Make sure when you click on logo there is no 404 error (Use href="#" in anchor tag)
  5. In the PROCESS section add a hover effect to cards (for example, let them increase in size a little)
  6. In the Testimonials and Our expertise section add hover effects for each review
  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. When a user clicks on Address Google Maps is opened in a new tab (Use target="_blank")
  9. Make sure when you click on logo there is no 404 error (Use href="#" in anchor tag)
  10. The user must have the opportunity to conveniently write 2-3 lines of text in the message input field
  11. 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
  12. The form shouldn’t submit empty
  13. After autocomplete the form, change the default styles. Read more about changing autocomplete styles
  14. OPTIONAL: After everything is done, you can implement the slider in the first 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 “Air”
  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. The "Learn more" button should lead to the closest block (Our expertise)
  8. The "Hire Us" button in the header menu should lead to the contact form
  9. In the Vision, Passion, Results sections, the “Apply” button also should lead to the contact form
  10. All the social icons in the footer should be clickable and open the social networks in a new tab