A clean, modern, and highly responsive Sticky Notes Web Application built using React and Bootstrap. This app allows users to quickly pin down their brilliant ideas, reminders, or tasks before they float away, featuring a beautiful dark-mode dashboard with interactive, realistic pastel sticky notes.
- Realistic Sticky Notes UI: Beautiful pastel-colored cards with a subtle rotation effect that mimics real post-it notes.
- Dynamic Grid Layout: Uses Bootstrap's responsive grid system to seamlessly fit any screen size (Mobile, Tablet, Desktop).
- Smooth Micro-interactions: Interactive hover animations that straighten and slightly scale the notes for a premium look.
- Instant Actions: Easily create and instantly delete notes with real-time state management.
- Robust Keys: Uses modern cryptographic unique identifiers (
crypto.randomUUID()) for stable list rendering.
- Frontend Library: React.js
- Styling Framework: Bootstrap 5 (with custom inline CSS extensions)
- State Management: React Hooks (
useState) - Icons & Symbols: Clean HTML entities for lightweight performance
Follow these steps to run the project locally on your machine:
- Clone the repository:
git clone [https://github.com/jayalloyd/Quick-Thoughts.git](https://github.com/jayalloyd/Quick-Thoughts.git)
Navigate to the project directory:
cd Quick-Thoughts
Install the dependencies:
npm install
Start the development server:
npm run dev
Open http://localhost:5173 (or the port shown in your terminal) in your browser to view the app!