diff --git a/README.md b/README.md index d1c68b57..edc290c2 100644 --- a/README.md +++ b/README.md @@ -1 +1,21 @@ -# Todo \ No newline at end of file +# Todo + +Netlify: carolinas-todo-app.netlify.app + +A sleek, responsive **To-Do Application** built with **React** and **Vite**, designed for a seamless user experience across mobile and desktop devices. The app allows users to manage their daily tasks efficiently with a clean, modern interface powered by **Styled Components**. + +## 🚀 Key Features + +* **Dynamic State Management**: Utilizes **Zustand** for centralized global state, ensuring efficient task updates and real-time tracking of completed items. +* **Interactive UI**: Includes high-fidelity **Lottie animations** (confetti bursts) that trigger upon task completion to provide delightful user feedback. +* **Responsive Design**: Features a mobile-first approach with custom media queries and dynamic viewport units (`100dvh`) to ensure perfect layout rendering on both iOS Safari and desktop browsers. +* **Theming & Styling**: Implements a consistent design system using a custom **ThemeProvider**, featuring a soft peach and teal color palette, responsive typography, and specialized global resets. +* **Smart Date Formatting**: Integrates **Moment.js** to display relative timestamps (e.g., "5 minutes ago") for when tasks were created. + +## 🛠️ Tech Stack + +* **Frontend Library**: React (Vite) +* **State Management**: Zustand +* **Styling**: Styled Components +* **Animations**: Lottie-React +* **Utilities**: Moment.js \ No newline at end of file diff --git a/index.html b/index.html index f7ac4e42..2bf328d9 100644 --- a/index.html +++ b/index.html @@ -1,16 +1,40 @@ -
- - - -