Create A Booking App From Scratch | React, Next.js, Appwrite, Tailwind

react
youtube
Create A Booking App From Scratch | React, Next.js, Appwrite, Tailwind In this 4-hour project-based course, we will build a booking app for meeting/conference rooms. We will be using React/Next along wth Appwrite, which is an open-source, all-in-one platform with databases, authentication, storage and more. Visit Appwrite and claim $50 in free Appwrite Cloud Pro credits: Final Code & Theme Files: Check Out My Courses: Timestamps: 0:00 - Intro 1:30 - Project Demo 5:00 - Create Next App 6:40 - Prep & Clean Up 10:18 - Header Component 18:32 - Footer Component 19:53 - Homepage Rooms (JSON data) 22:32 - RoomCard Component 27:48 - Heading Component 28:49 - Room Details Page 38:20 - Apppwrite Project Setup 40:26 - Rooms Database, Collections & Attributes 44:10 - Add User & Room Data 47:03 - Permissions & API Key 48:15 - Environment Variables 51:16 - Create Appwrite Clients 57:52 - Get All Rooms 1:04:44 - Get Single Room 1:06:53 - Login & Register Pages/Forms 1:11:39 - Middleware in Next.js 1:15:21 - Protecting Routes 1:18:07 - Login & Create Session 1:26:00 - React Toastify Setup 1:34:36 - Logout & Destroy Session 1:43:18 - checkAuth Action 1:47:05 - Show/Hide Nav Links 1:51:00 - Global Auth Context 1:59:20 - Auth Wrapper 2:05:40 - Finish Route Protection 2:07:15 - Create User 2:16:50 - Add Room 2:32:04 - Storage Buckets & Image Upload 2:44:51 - Single Room Page Image 2:46:06 - My Rooms Page 2:59:04 - Delete Room 3:03:58 - DeleteRoomButton Component 3:08:38 - Bookings Collection Setup 3:11:32 - Book Room Action 3:21:32 - Booking Form 3:25:40 -
  2024/10/07      youtube

関連するプログラミング動画 [react]

Our Tag

最近投稿されたプログラミング学習動画

Mobile App Architecture: How to Conquer the Giant! - Heather Downing -

モバイル

This talk was recorded at NDC Porto in P...

  2025/04/25

Team Temperature: How to Control High Engagement, Prevent Burnout and

Team Temperature: How to Control High En...

  2025/04/25

Your developer’s intelligence isn’t artificial - Hannes Lowette - NDC

This talk was recorded at NDC Porto in P...

  2025/04/25

The Power of Dev Containers and GitHub Codespaces - Chris Ayers - NDC

github

This talk was recorded at NDC Porto in P...

  2025/04/25

The Blazor Multiverse: get to know the different Blazor frameworks - A

This talk was recorded at NDC Porto in P...

  2025/04/25

A Developer Goes to the Movies - Simon Painter - NDC Porto 2024

This talk was recorded at NDC Porto in P...

  2025/04/25

Complete React Native Tutorial #12 - Backend Setup with Appwrite

react

In this complete React Native tutorial, ...

  2025/04/25

Travel through #TeamPixel’s lens with these #PixOfTheDay 📷

@photoescapades (IG), @mazyar_asadi (IG)...

  2025/04/24

Developing for the SDK Runtime

Do you use third party code to empower y...

  2025/04/24

MySQL Databases and Python: Getting Started & Installing the MySQL Ser

python
sql

This is a preview of the video course, "...

  2025/04/24

How to style console logs: Color and more! #DevToolsTips

chrome

Tired of boring, monochrome console logs...

  2025/04/24

Code Your Own Llama 4 LLM from Scratch – Full Course

This course is a guide to understanding ...

  2025/04/24

Why Media Literacy Is Key to Using AI Wisely

From our podcast, episode #236 with Simo...

  2025/04/23

#TeamPixel is popping off with these pops of color 🎨 #PixOfTheDay

📷: instajan66 (IG), eldhothariyan_phoneo...

  2025/04/23

Everything You Need to Know About JavaScript Arrays – Full Course

javascript

Welcome to the JavaScript Array Master C...

  2025/04/23