StickyNoteX icon indicating copy to clipboard operation
StickyNoteX copied to clipboard

🌸 A note-taking web app designed to keep track of your daily to-do and work schedule.

StickyNoteX

📒 StickyNoteX is a note-taking app designed to keep track of your daily to-do and work schedule, a React app using Redux for state management and TypeScript for type checking.

ezgif-4-0fa2517bc8.gif

Features

  • [x] Click to create notes
  • [x] Click-and-drag to create notes
  • [x] Edit text using contentEditable
  • [x] Drag to reposition
  • [x] Delete note by delete key
  • [x] Resize notes
  • [x] Customize background color
  • [ ] Rich Text
  • [ ] keyboard shortcuts
  • [ ] Copy and Paste
  • [ ] Undo and redo
  • [ ] Data Storage
  • [ ] Share notes with other users
  • [ ] Real-time collaboration
  • [ ] Packaged as a desktop application

Prerequisites

Before running the project, make sure you have the following software installed:

Node.js
npm

Setup

npm install
npm run start

open the app at http://localhost:3000/.