React Notes App | Crud App with Searching and Sorting functionality
Hi developers and learners.
This tutorial is about creating react notes app with CRUD functionality along with sorting and Searching
It's good to have prior understanding of use State , use Effect hooks and bootstrap before starting this tutorial.
Repository Link:
https://github.com/Tech-Traversal/rea...
Time stamps:
00:00 Project intro
06:30 Project creation
07:38 Using boot Strap CDN
09:00 Installing bootstrap package
10:00 Installing react-bootstrap package
11:00 Installing react-feather icon package
13:30 Importing npm bootstrap package's CSS
14:30 Creating folder structure
15:15 Creating Home page component
19:10 Creating navigation bar
32:00 Creating Modal for add new note form
55:45 Creating Single note component
01:11:20 Calling Single note component in homepage
01:16:40 Custom CSS for single note
01:24:20 Creating delete all function in Navigation bar
01:26:40 Creating states for saving notes in Modal
01:31:00 Creating function to add new note in Modal
01:35:10 Creating cancel function in Modal
01:36:10 Creating color theme selection function in Modal
01:42:25 Passing dynamic data to each note component
01:45:50 Creating single delete function in single note component
01:49:50 Creating single edit function in single note component
01:58:10 Creating sorting function in Navigation bar
02:03:10 Creating search function in Navigation bar
02:10:00 Creating refresher function to avoid page refresh.
On this page of the site you can watch the video online React Notes App | Crud App with Searching and Sorting functionality with a duration of hours minute second in good quality, which was uploaded by the user Code Intent 21 August 2022, share the link with friends and acquaintances, this video has already been watched 2,013 times on youtube and it was liked by 112 viewers. Enjoy your viewing!
