Kwik Note ReactJS and Supabase Project
107Get ready to revolutionize your note-taking experience! In this exciting video, I showcase the creation of Kwik Note, a dynamic sticky note app built with ReactJS and Supabase. Witness the magic of real-time updates, effortless storage, and seamless integration. Elevate your note game with the power of modern web development!
Core Javascript https://www.youtube.com/playlist?list=PLbGui_ZYuhiiaQjuOfvgx_-gzVBlCxrk0
Advance Javascript https://www.youtube.com/playlist?list=PLbGui_ZYuhihZ-pDxNZuQ7xOQ8IS2z3XI
Ajax https://www.youtube.com/playlist?list=PLbGui_ZYuhihUYNCkpedtfgpYXv9tHVsp
ReactJS https://youtu.be/jhryZ6ChLqY
NodeJS Express JS Mongo DB https://www.youtube.com/playlist?list=PLbGui_ZYuhijy1SpwtIS9IwL6OJdbr4kE
Core Python https://www.youtube.com/playlist?list=PLbGui_ZYuhigZkqrHbI_ZkPBrIr5Rsd5L
Advance Python https://www.youtube.com/playlist?list=PLbGui_ZYuhijd1hUF2VWiKt8FHNBa7kGb
Django https://www.youtube.com/playlist?list=PLbGui_ZYuhigchy8DTw4pX4duTTpvqlh6
Django REST Framework https://www.youtube.com/playlist?list=PLbGui_ZYuhijTKyrlu-0g5GcP9nUp_HlN
Django Testing https://www.youtube.com/playlist?list=PLbGui_ZYuhiixCQ8tFnq4RYAsdUVd933w
Django Celery https://www.youtube.com/playlist?list=PLbGui_ZYuhijN6wEQZ0DC-V5EdK4YMrYO
Django Channels https://www.youtube.com/playlist?list=PLbGui_ZYuhij6LpUbWgKUxggL_AuoHHVw
Core PHP https://www.youtube.com/playlist?list=PLbGui_ZYuhigFdLdbSI2EM2MrJB7I0j-B
Advance PHP https://www.youtube.com/playlist?list=PLbGui_ZYuhiiaWMoOK7LXB0GeLsYCiyz5
Laravel https://www.youtube.com/playlist?list=PLbGui_ZYuhijEqjCa63l0GkWh5EsG5iTR
Vue 3 https://www.youtube.com/playlist?list=PLbGui_ZYuhih5ItBhn2cTncaS24_Kgeui
Nuxt 3 https://www.youtube.com/playlist?list=PLbGui_ZYuhihr7r33VW4RykfezZcsnFjM
Git and Github https://www.youtube.com/playlist?list=PLbGui_ZYuhigWA1mNWzwErSBIZvgOJbNc
Supabase Basic to Advance https://www.youtube.com/playlist?list=PLbGui_ZYuhii-VpaYcjaC2jZ7qI-7xLXR
Shadcn UI Basic to Advance https://www.youtube.com/playlist?list=PLbGui_ZYuhijXbrypMtp2qrTLBVRwjABQ
Redis Basic to Advance https://www.youtube.com/playlist?list=PLbGui_ZYuhijTJDBVBBqvri76uUNfsrCc
Docker Basic to Advance https://www.youtube.com/playlist?list=PLbGui_ZYuhihMb5pqut64GhW-WhxKpygY
Kotlin https://www.youtube.com/playlist?list=PLbGui_ZYuhigEr9Yc4jJe0vHTU-gZTRTq
VPS Hosting Basic to Advance https://www.youtube.com/playlist?list=PLbGui_ZYuhij0mM8xP2udM_EDvl8JNdtn
Shared Hosting with cPanel https://www.youtube.com/playlist?list=PLbGui_ZYuhih1aRFfUu6IBOWlKSkdBg0R
Shared Hosting with hPanel https://www.youtube.com/playlist?list=PLbGui_ZYuhigqwKz6LvBmYNV0tVW-CzIP
Official Website:- https://geekyshows.com
00:00 Project Demo
02:20 Create Kwik Note Project
03:14 Install Tailwind CSS
04:30 Run Project
04:45 Editing Default Template
06:04 Creating UI
18:48 Add Note
24:02 Update Note
29:28 Delete Note
32:00 Push Kwik Note UI to Github
33:05 Creating Git New Branch
33:30 Login to Supabase
33:47 Creating a Supabase KwikNote Project
34:50 Supabase Project URL and Project API Key
35:08 Creating env file
36:04 Install Supabase
37:11 Connect to Supabase Database
38:57 Create notes Table
39:47 Insert Row from Supabase Panel
40:10 Fetching Data from Supabase
43:38 Insert Data to Supabase
47:10 Update Data to Supabase
49:27 Delete Data from Supabase
52:17 Push to github
53:35 Your Task