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
In questa pagina del sito puoi guardare il video online Encrypted Notes App Tutorial for Beginners | React.JS + TypeScript della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Vincas Stonys 04 dicembre 2022, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 8,613 volte e gli è piaciuto 455 spettatori. Buona visione!
