Build a Markdown Notes app with Electron, React, Typescript, Tailwind and Jotai

Published: 05 January 2024
on channel: Code With Gionatha

90,731

3.3k

🌱 Source Code: https://github.com/CodeWithGionatha-L...
💬 Discord: / discord

📚 Resources
electron-vite: https://electron-vite.org/

In this video, we are going to build a Markdown Notes desktop application using Electron, React, Typescript, Tailwind, and Jotai.

Timestamps
00:00:00 Intro
00:02:16 Creating an Electron Project
00:09:38 Codebase configuration (Prettier, eslint, tsconfig)
00:19:08 Project structure
00:26:48 Styling setup
00:33:08 Creating the UI
01:11:22 Adding the Editor
01:23:30 Adding Jotai
01:49:45 File system integration
01:55:44 Reading the notes from fs
02:14:50 Reading the content of the note
02:25:00 Saving the note content
02:32:45 Implementing auto saving
02:42:19 Creating new notes
02:55:00 Deleting the notes
03:09:09 App bundling
03:13:42 Outro

Watch video Build a Markdown Notes app with Electron, React, Typescript, Tailwind and Jotai online without registration, duration hours minute second in high quality. This video was added by user Code With Gionatha 05 January 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 90,73 once and liked it 3.3 thousand people.

14K

00:00:15