Sticky Bytes is a dynamic web application designed to streamline your task management with an intuitive, sticky note interface. Built with React.js and Tailwind CSS, this application allows users to create, drag, and organize tasks effortlessly. The tasks persist through local storage, ensuring your data is safe even after reloading the page. Users can also switch between dark and light mode for a personalized experience.
- Intuitive Task Management: Create, drag, and organize tasks with sticky notes styled for a familiar, paper-like experience.
- Seamless Persistence: Tasks are automatically saved in localStorage, ensuring they persist even after page reloads.
- Dynamic User Interface: Customizable dark and light modes enhance usability and comfort.
- Responsive Design Excellence: Tailwind CSS provides a visually stunning, adaptive interface that performs beautifully on any device.
- Clone the repository:
git clone https://github.com/yourusername/sticky-bytes.git
cd sticky-bytes
- Install dependencies:
npm install
- Run the application:
npm run dev
- Click on the "Add Note" button to create a new sticky note.
- Enter your task details in the sticky note.
- Drag and drop sticky notes to organize your tasks on the screen.
- Toggle between dark and light modes using the switch in the top-right corner of the screen.
- React.js: For building the user interface.
- Tailwind CSS: For styling and responsive design.
- LocalStorage: For persisting tasks.