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.
- 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.
- Frontend Library: React (Vite)
- State Management: Zustand
- Styling: Styled Components
- Animations: Lottie-React
- Utilities: Moment.js