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