Clip Notes 📝

A simple interactive sticky notes application built in React and TypeScript.

---

🗃️ Features

• Interactive Canvas: Create, drag, and resize freeform notes.
• Text Editor: Basic formatting (bold, lists, strikethrough) powered by Tiptap.
• Design: Clean interface with implemented dark and light modes.
• Local Persistence: Automatic autosave using localStorage.

🛠️ Stack

• React & Vite.
• Typescript.
• Framer-motion (Animations).
• Tiptap (editor).
• Tailwind.
• Lucide Icons.

🪧 Run the project

Follow these steps to run the project locally:

1. Clone the repository:

   git clone https://github.com/HarrysonLadines/clip-notes.git

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

📸 Screenshots

Light Mode

Dark Mode