Encrypted Notes App Tutorial for Beginners | React.JS + TypeScript
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
Sur cette page du site, vous pouvez voir la vidéo en ligne Encrypted Notes App Tutorial for Beginners | React.JS + TypeScript durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Vincas Stonys 04 décembre 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 8,613 fois et il a aimé 455 téléspectateurs. Bon visionnage!
