React Todo App With Firebase v9 / CRUD Functionality

Опубликовано: 28 Сентябрь 2024
на канале: Code Commerce

51,246

1.6k

In this video we will build a todo application in React JS with a firebase backend to store all of the todos. It is a simple easy to follow tutorial to learn basic CRUD functionality within a React JS website utilizing the firestore cloud storage within firebase to manage the backend. All of the styling will be done with Tailwind CSS. If you are already familiar with writing JSX code and Tailwind CSS then just skip ahead to the firebase portion. Thank you for watching.

If you're interested in Firebase Authentication then you can see a full tutorial on Authentication & Protected Routes here:
• React Firebase Authentication - Prote...

Timestamps:
00:00 Intro
01:35 Install Tailwind
05:00 Build Layout
11:25 Todo Component
18:15 Add CSS
24:50 Install & Configure Firebase v9
31:40 Read Data
41:00 Update Data
44:50 Create Data
55:20 Delete Data

Learn to code here!
https://edabit.com/?ref=clintbriley1

Github Repo
https://github.com/fireclint/todo-app...

🔥 Connect with me on IG 🔥
/ fireclint

☕ Support the channel ☕
https://www.buymeacoffee.com/clintbriley

💻 My Coding Equipment
Logitech MX Wireless Keyboard - https://amzn.to/3xKPFiN
Logitech MX Master 2S Wireless Mouse - https://amzn.to/3O5WmRD
SAMSUNG 49-Inch Gaming Monitor - https://amzn.to/3mvUy8M
Shure MV7 USB Podcast Microphone - https://amzn.to/3O00nqG
Mic Boom Arm - https://amzn.to/3NHn6YU
Monitor Desk Light Bar - https://amzn.to/3xzKlyj