Encrypted Notes App Tutorial for Beginners | React.JS + TypeScript

Veröffentlicht am: 04 Dezember 2022
auf dem Kanal: Vincas Stonys

8,613

455

Kickstart your web developer's portfolio by building an encrypted notes application. I will guide you through the tutorial step-by-step, beginner-friendly - you only need to know the basics of CSS/HTML and ReactJS.

🔥 After finishing the tutorial, feel free to extend this application with your own design and extra features, then add it to your portfolio.

🌟 Subscribe to my channel and FINALLY learn to build more than just a to-do list with React: / @vincasstonys

Here's the platform I recommend to learn Web Development online: https://www.educative.io/explore?aff=...

For more content:
Follow me on Twitter / vincasstonys
Read my blog at https://codefrontend.com

0:00 Intro
0:24 Set up the project
1:43 Build the text editor
4:50 Implement creating new notes
7:42 Implement switching between notes
11:37 Saving notes to local storage
13:59 Implement debouncing
15:04 Updating notes in local storage
15:41 Implement the login page
20:48 Encrypting notes
22:12 Final words and outro

Tech used in this tutorial:
HTML / CSS
React.JS
TypeScript
Vite
Tiptap Editor
Crypto.js

Recommended VSCode extensions:
ESLint
Prettier
CSS Modules

Auf dieser Seite können Sie das Online-Video Encrypted Notes App Tutorial for Beginners | React.JS + TypeScript mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Vincas Stonys 04 Dezember 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 8,613 Mal angesehen und es wurde von 455 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

540