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

Published: 04 December 2022
on channel: 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

On this page of the site you can watch the video online Encrypted Notes App Tutorial for Beginners | React.JS + TypeScript with a duration of hours minute second in good quality, which was uploaded by the user Vincas Stonys 04 December 2022, share the link with friends and acquaintances, this video has already been watched 8,613 times on youtube and it was liked by 455 viewers. Enjoy your viewing!