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

Опубликовано: 04 Декабрь 2022
на канале: 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

На этой странице сайта вы можете посмотреть видео онлайн Encrypted Notes App Tutorial for Beginners | React.JS + TypeScript длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Vincas Stonys 04 Декабрь 2022, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 8,613 раз и оно понравилось 455 зрителям. Приятного просмотра!