Markdown-Notes-ElectronJS

Markdown Notes app with Electron, React, Typescript, Tailwind and Jotai. Documentation

Recommended IDE Setup

• VSCode + ESLint + Prettier

Project Setup

Install

$ npm install

Development

$ npm run dev

Build

# For windows
$ npm run build:win

# For macOS
$ npm run build:mac

# For Linux
$ npm run build:linux

How Electron Works

Prepare the environment

yarn create @quick-start/electron

√ Project name: ... note-mark √ Select a framework: » react √ Add TypeScript? ... No / Yes √ Add Electron updater plugin? ... No / Yes √ Enable Electron download mirror proxy? ... No / Yes

> cd note-mark
> npm install

Styling

Install Tailwind CSS

npm install -D tailwindcss@latest postcss autoprefixer

npx tailwindcss init -p

npm install -D tailwind-merge
npm install -D clsx
npm install -D react-icons