Demo Notes

This is a demo note-taking application built using modern web technologies, including TypeScript, React 19, Vite 6, and TailwindCSS 4. It demonstrates a clean architecture with simple routing, reusable components, and a minimal design system.

Live preview: demo-note-three.vercel.app

Features

Create and delete notes
Persistent storage using localStorage
Responsive and accessible UI
Modern tooling and best practices with TypeScript
Clean routing using React Router 7
Functional components and hooks-based structure

Tech Stack

React 19
TypeScript
Vite 6
TailwindCSS 4
React Router 7
Lucide React (for icons)
UUID (for generating unique IDs)

Getting Started

Clone the repository

git clone https://github.com/your-username/xiaomi-notes-ts.git
cd xiaomi-notes-ts

Install dependencies

npm install

Start the development server

npm run dev

Build for production

npm run build

Preview the production build

npm run preview

Let me know if you want to customize it for team collaboration or open source contributions.