Course curriculum

  1. 1

    • Google Subtitles Instructions

    • 1. Intro and requirements
  2. 2

    • 2. Getting started on the homepage

    • 3. Adding a banner and search field to homepage

    • 4. Finishing basic homepage
  3. 3

    • 5. Creating the search result page

    • 6. Tidying up what we have done so far
  4. 4

    • 7. Setting up the basics of our property view page

    • 8. Finishing basic property view page
  5. 5

    • 9. Creating register page and adding link in header

    • 10. Creating favourite and interested pages
  6. 6

    • 11. Making a start on welcome account page and sidebar

    • 12. Continue styling of welcome account page

    • 13. Styling the account sidebar
  7. 7

    • 14. Adding font awesome and link to account in header

    • 15. Improving UX by styling buttons and links across site
  8. 8

    • 16. Admin login screen

    • 17. Admin register screen

    • 18. Creating admin sidebar
  9. 9

    • 19. Creating a basic component for rendering admin content

    • 20. Creating screen for listing properties

    • 21. Making start on page to upload properties

    • 22. Getting the property page ready to integrate with API

    • 23. Adding basic validation to new property page
  10. 10

    • 24. Abstracting radio buttons into their own component

    • 25. Adding ability to edit property

    • 26. Finishing work to edit property
  11. 11

    • 27. Adding more advanced validation to create property form

    • 28. Adding validation to admin login

    • 29. Adding validation to admin register screen

    • 30. Added validation to user register screen
  12. 12

    • 31. Introducing XAMPP and creating our empty database

    • 32. Creating the basic outline of the property table

    • 33. Finish creating property table

    • 34. Creating user table

    • 35. Creating the favourites table

    • 36. Creating interested in table

    • 37. Creating admin user table
  13. 13

    • 38. Setting up express

    • 39. Creating endpoint for getting a property by ID

    • 40. Improving endpoint for getting property by ID

    • 41. Updating property table to get ready for search
  14. 14

    • 42. Building search endpoint

    • 43. Security concerns with search endpoint
  15. 15

    • 44. Creating function to get latest properties

    • 45. Setting routes up in multiple files

    • 46. Creating function to get favourites

    • 47. Creating endpoint to get interested in properties
  16. 16

    • 48. Registering as a user

    • 49. Ensuring users are unique based on email address

    • 50. Creating a basic sign in using sessions

    • 51. Getting user ID from session when retrieving favourites
  17. 17

    • 52. Creating basic admin register and log in

    • 53. Creating admin endpoint to create properties

    • 54. Restricting admin routes using middleware

    • 55. Implementing endpoint to get admin properties

    • 56. Implementing sign out for admin and users
  18. 18

    • 57. Creating endpoint to edit properties

    • 58. Making start on connecting up to API with login

    • 59. Fixing our network request error by installing cors package
  19. 19

    • 60. Connecting up API to sign out

    • 61. Connecting up API to register

    • 62. Connecting API to get latest properties

    • 63. Fetching static images for latest properties

    • 64. Connecting API to get search results

    • 65. Connecting API to fetch individual property info
  20. 20

    • 66. Connecting to APIs for favourites and interested in part 1

    • 67. Connecting to API for favourites and interested in part 2

    • 68. Adding ability to remove favourites

    • 69. Adding ability to remove interested in properties
  21. 21

    • 70. Part 1 of adding ability to add to favourites and interested in

    • 71. Part 2 of adding ability to add to favourites and interested in

    • 72. Part 3 of adding ability to add to favourites and interested in

    • 73. Part 4 of adding ability to add favourites and interested in

    • 74. Part 5 of adding ability to add favourites and interested in
  22. 22

    • 75. Tiding up header styling when signed in

    • 76. Wrapping up the user facing site with suggested improvements
  23. 23

    • 77. Integrating with API for register admin account

    • 78. Integrating with API to sign in to admin account

    • 79. Integrating with API to sign out of admin account

    • 80. Integrating with API to fetch properties

    • 81. Integrating with API to create properties without images
  24. 24

    • 82. Image uploading part 1

    • 83. Image uploading part 2

    • 84. Image uploads now working via postman

    • 85. Getting image uploads working via site

    • 86. Associating images with a property
  25. 25

    • 87. Improving formatting of image URLs in database and updating admin grid to show image.

    • 88. Abstracting code for fetching image URLs from JSON

    • 89. Showing property images on view page

    • 90. Adding ability to remove properties via admin
  26. 26

    • 91. Review of site

    • 92. Review of code