Zelda Todo: Adventure-Inspired Task Manager


I designed and built Zelda Todo, a playful, Zelda-themed task management app, to bring adventure to productivity. This portfolio project showcases my ability to combine dynamic React development with engaging design for a unique, interactive task-tracking experience.

Key Technologies

  • React: Fast, component-driven UI.
  • Bootstrap: Sleek, responsive, and accessible design.
  • Vite: Fast development and builds.
  • SweetAlert2: Game-inspired modal dialogs.
  • JavaScript, CSS, HTML: Core tech for logic, interactivity, and styling.

Features

  • Thematic Design: Custom icons, fonts, and backgrounds create a Zelda-inspired quest vibe.
  • Quest Tracking: Add, complete, or delete tasks as Main, Side, or Daily Quests.
  • Persistent Data: Local storage saves progress across sessions.
  • Interactive Modals: SweetAlert2-styled confirmations and celebrations.
  • Responsive & Accessible: Smooth experience on all devices with accessibility focus.
  • Modern UI: Bootstrap layouts and React state management.

What I Learned
This project enhanced my React skills, including component architecture, state management, and UI feedback. I mastered integrating Bootstrap and SweetAlert2 with custom styling for a functional, memorable user experience.

Summary
Zelda Todo highlights my ability to merge creativity with modern web development, delivering a fun, distinctive task manager that showcases my front-end expertise and attention to detail.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *