Build a Markdown Notes app with Electron, React, Typescript, Tailwind and Jotai
Channel: Code With Gionatha
Date: 05/01/2024

🌱 Source Code: https://github.com/CodeWithGionatha-Labs/NoteMark
💬 Discord:  https://discord.gg/mN8WD6M4dR


📚 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