...::..
.............. ....:::.... ..........:+###*=.
.-*##########+. .:+*##%%%%##*= =*##########%%%%%.
.-##%%%%%%%%#+ =#%%%%%%%%%%%%#- #%%%%%%%%%%%%%%#.
.:++*#%%%%%%#= =#%%%%%#=-=#%%%%% #%%#*++++++++=-..
.....*%%%%*- -+++++=:..:*%%%%% #%#=:+++++-....
...... .+####+: -*##*=..:*%%%%%%+: -#%%%%+:
.:+###*-..-====- +#%%%%#+.:+#%%%%#:. -#%%%%+:
..+#%%%%#..+%%%%*: -*%%%%%#=...-===-:.. -#%%%%+: ...
.:*%%%%#=.:*%%%%*: :*%%%%#=...+######-. =#%%%%*-. .-+**+-..
.:*%%%%#####%%%%*: =#%%%%#####%%%%%#. .=#%%%%%%*= =#%%%%#=.
.:+#%%%%%%%%%#*:. -*#%%%%%%%%%%#+. :=%%%%%%%#= +#%%%%#=.
.:=**###**+:.. :=**###**+-.. .-*******+- +*##*=..
.......... ........... ........... .......
.+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*.
.+#############################################################################+.
A minimal note-taking app built with React, TypeScript, and Tiptap.
- Modern React-based application with TypeScript
- Clean, dark-mode-friendly UI
- Powerful markdown editor using Tiptap
- Formatting options (bold, italic, headings, code block etc)
- Dark mode toggle
Here's a quick look at Jot in both dark and light modes:
| Home Page (Dark) | Home Page (Light) |
|---|---|
| File View (Dark) | File View (Light) |
|---|---|
- ⚛️ React (Vite)
- 📘 TypeScript
- 🎨 Tailwind CSS
- 🧩 shadcn/ui
- ✏️ Tiptap Editor
- 🌙 Dark mode support
git clone https://github.com/ashutoshtanwar1/jot.git
cd jotnpm installnpm run dev:electronnpm run dev:webOpen your browser and navigate to http://localhost:5173
src/
components/ # UI components
design-system/ # Design system, reusable UI components, and design tokens
components/
ui/ # UI primitives and elements
lib/ # Design system utilities and libraries
editor/ # Tiptap editor components
public/ # Static assets