Create a Booking App from Scratch - React, Next.js, Appwrite, Tailwind

Create a Booking App from Scratch - React, Next.js, Appwrite, Tailwind

Traversy Media via YouTube Direct link

- Heading Component

9 of 44

9 of 44

- Heading Component

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Create a Booking App from Scratch - React, Next.js, Appwrite, Tailwind

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Intro
  2. 2 - Project Demo
  3. 3 - Create Next App
  4. 4 - Prep & Clean Up
  5. 5 - Header Component
  6. 6 - Footer Component
  7. 7 - Homepage Rooms JSON data
  8. 8 - RoomCard Component
  9. 9 - Heading Component
  10. 10 - Room Details Page
  11. 11 - Apppwrite Project Setup
  12. 12 - Rooms Database, Collections & Attributes
  13. 13 - Add User & Room Data
  14. 14 - Permissions & API Key
  15. 15 - Environment Variables
  16. 16 - Create Appwrite Clients
  17. 17 - Get All Rooms
  18. 18 - Get Single Room
  19. 19 - Login & Register Pages/Forms
  20. 20 - Middleware in Next.js
  21. 21 - Protecting Routes
  22. 22 - Login & Create Session
  23. 23 - React Toastify Setup
  24. 24 - Logout & Destroy Session
  25. 25 - checkAuth Action
  26. 26 - Show/Hide Nav Links
  27. 27 - Global Auth Context
  28. 28 - Auth Wrapper
  29. 29 - Finish Route Protection
  30. 30 - Create User
  31. 31 - Add Room
  32. 32 - Storage Buckets & Image Upload
  33. 33 - Single Room Page Image
  34. 34 - My Rooms Page
  35. 35 - Delete Room
  36. 36 - DeleteRoomButton Component
  37. 37 - Bookings Collection Setup
  38. 38 - Book Room Action
  39. 39 - Booking Form
  40. 40 - Show Bookings
  41. 41 - BookedRoomCard Component
  42. 42 - Cancel Booking
  43. 43 - Check Room Availability
  44. 44 - Deploy To Vercel

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.