
React Notes App Tutorial From Scratch | A Css And React Project You Can Add To Your Portfolio!
In this react notes app tutorial, we will build a notes app from scratch
🚨 Subscribe and stay up to date: https://subscribe.jschris.com
🚨 LINKS:
CSS: https://raw.githubusercontent.com/chrisblakely01/react-notes-app/master/src/index.css
Source Code: https://github.com/chrisblakely01/react-notes-app
Create React App: https://github.com/facebook/create-react-app
🚨 Chapters:
0:00 What we'll learn
0:36 Project setup
3:09 Notes List component
8:59 Note Component
15:13 Using CSS Grid to make the notes responsive
18:42 Adding an App Container
19:59 Making our NotesList/Note dynamic
25:30 Add new notes component
45:23 Adding note character count
50:43 Delete a note
55:16 Searching for a note
1:07:49 Toggling dark mode
1:17:55 Saving to local storage
1:24:30 Outtro
🚨 Come say Hello!
Blog: https://www.jschris.com/contact
Twitter: https://twitter.com/chrisblakely01
Email: [email protected]
React Notes App Tutorial from Scratch A CSS and Project you can add to your PortfolioBuild with Reactjs in Hindi Beginner ProjectsBuild a JS Portfolio Website Using Tailwind Build Deploy REACT Get HiredReact REST API Create notes app NETFLIX With FIREBASE FrontEnd Web Developer ProjectReact for BeginnersReact Learn by Building Real Course Beginners JavaScript Library Code 15 Projects Complete CourseReact Mobile Responsive Movie TutorialHow Sticky using Evernote Clone MERN Stack Part 1 HTMLCSSChat Application Chat Hour Crash CourseBuild Time Tracking js reactjs programmingFastAPI HarperDBReact Redux Intro 30 minutes