• 

  HomePage with pleasant look

• 

  Input to get 'How the user feels!'

• 

  Input to get 'How the user wants to focus!'

• 

  UserCard of the App

• 

  Loading Animation for Response

• 

  Plan created using AI

• 

  Plan downloadbale as Image

• 

  Home Page in Mobile View

• 

  UserInputs in Mobile View

• 

  Created Plans in Mobile view

TidyMind 🤖

AI-powered mood planner ✍ that turns your emotions into action 🎭.

About 📳

We didn’t just want to build an app. We wanted to create a space where your emotions shape your day. TidyMind is a minimal AI-powered planner that listens to how you feel—and then plans your day around it. Built with care, not just code.

Live Demo

Try it out.. Live Demo👆 https://tidy-mind-ten.vercel.app

ScreenShots 📷

✨ Features

• Mood & Focus Input: Start by entering how you feel and what you want to focus on.
• AI-Generated Day Plan: A personalized daily schedule is created using Google Gemini AI based on your input.
• Interactive Planner:
  • ✅ Check off completed tasks
  • ✏️ Edit time or task content
  • 🔄 Refresh to regenerate a new plan
• Save Progress: Your current plan is stored locally so it persists across sessions.
• Download as Image: Export your full day plan as an image and save it to your device.
• Responsive & Smooth UI: Built with React, Tailwind CSS, and animated with Anime.js for a clean and pleasant user experience.

Technologies Used 👩‍💻

This portfolio was built using the following technologies:

• React : For structuring the content of the site.
• TailwindCSS : A utility-first CSS framework for custom styling.
• Gemini API : For getting AI as API response.
• Vercel: For hosting the portfolio site.

🎭 Acknowledgments

• React: A JavaScript library for building user interfaces.
  
• React Icons: Popular icon packs (Font Awesome, Material, etc.) as React components.
  
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
  
• Vite: An extremely fast build tool for modern web projects.
  
• Context API: A built-in method in React used for state management.
  
• Google Gemini API: A generative AI API used to create personalized day plans based on user input.
  
• Anime.js: A lightweight JavaScript animation library for smooth and flexible UI effects.

Built With

• ai
• animejs
• api
• gemini
• github
• react
• tailwind
• vercel