TodoApp –The Matrix - is a simple and efficient web application that helps you manage your daily tasks.

Built with a React frontend, Airtable backend, and Ant Design UI components, TodoApp –TheMatrix allows you to create, edit, delete, and mark tasks as done with just a few clicks.

Netlify deployed view:

https://helpful-hotteok-3e6fac.netlify.app/

TodoApp–The Matrix - designed to:

• Create an Algorithm of Action Steps for each task

• Search and Sort tasks by Title,

• Sync tasks with Airtable backend

• Support Responsive design for all screen sizes with Ant Design UI components.
  
  

Vercel Deployed:

https://ctd-react-sparrow.vercel.app/

Similar to React JS managing variables state, TodoApp - TheMatrix helps to manage your state of mind when creating and managing your activity.

My favorite movies help me to focus my mind and set me in a creative mode. For enhancing visual effects, I can easily enlarge the movie images in a full-screen modal by clicking on them and on the top banner.

The 4 lists encompass my Activities Lifecycle:

• “The Matrix” - The Daily Hacks

• “Point Break” - Weekly Habits

• “Bucket List” - Annual Goals

• “Inception” - Lifetime Ideas

Netlify deployed view:

https://helpful-hotteok-3e6fac.netlify.app/

What I Learned:

• React Component Architecture, Hooks, Routes, State, Props, Lifecycle Methods

• REST API, React Axios, Async/Await

• Airtable as a Backend Db, Configuring Netlify and Vercel deployment with Airtable API keys

• Responsive design with Ant Design UI Components

• Modals for Image Display onClick and OnLoad

• Canva for Image Design and Edit

• AI Image Generator - Midjourney - For enhanced UI