A simple and sweet note-taking application built with React and TypeScript (,,>﹏<,,)👉👈
Try it now: https://pinknotes.xyz/
No installation needed - start taking notes immediately in your browser!
- Create Notes - Quickly add new notes with a single click
- Rename Notes - Change the name of your notes
- Delete Notes - Remove notes that you don't need anymore (can't delete your last note!)
- Pin Notes - Keep important notes at the top
- Download Notes - Export individual notes as
.txtfiles via the dropdown menu
- Clean Text Editor - Distraction-free writing experience
- Markdown Support - Write in Markwon and preview formatted content with the preview button
- Auto-Save - Your notes are automatically saved to local storage
- Easy Navigation - Switch between notes with a single click
- Collapse Sidebar - Toggle the sidebar to maximize your writing space
- Visual Selection - Selected notes are highlighted with a pink accent
- Preview Mode - Toggle between edit and preview modes to see your Markdown rendered
- Smooth Animations - (i hope so :) )
All notes are stored locally in your browser using localStorage:
- ✅ Your data stays on your device
- ✅ No server uploads
- ✅ Completely private
Important: Export your notes regularly as they'll be lost if you clear browser data.
- Node.js (install from https://nodejs.org/)
node --version #Should be v18+- npm (installed with node)
npm --version #Should be v9+- Clone or download the repo:
git clone https://github.com/Flint15/pink-notes.git
cd pink-notes
- Install dependecies
npm install
- Start the project
npm run dev
- Open your browser
Navigate to the URL shown in your terminal (usually http://localhost:5173)
- React
- TypeScript
- Vite
- CSS
This project is open source and available for personal use.
Created with 愛 by Vladimir Chertkov https://github.com/Flint15
Made with a lot of 抹茶🍵
≽^•⩊•^≼