Build a Markdown Notes app with Electron, React, Typescript, Tailwind and Jotai
In this video, we will create a Markdown Notes desktop app using Electron, React, Typescript, Tailwind and Jotai.
Repository:
electron-vite:
💎 You can reach me out here 👇
Discord:
My website:
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