
Online platform
Mindora.uz
Mindora is a brain-training and focus-enhancing web platform designed to improve users’ mental sharpness and productivity. It offers interactive tools like reflex-based stopwatch games, Pomodoro timers for time management, ripple breathing exercises for relaxation, and a dynamic checklist for daily task tracking. With a modern and responsive UI, Mindora helps users stay focused, relaxed, and organized.
Project Information
Role: Frontend Developer
Team: Solo project
Duration: 1 months
Year: 2025
Tech Stack
Next.js
React.js
TailwindCSS
ShadcnUI
react-toastify
Axios
lucide-icons
react-hook-form
zod
react-easy-crop
framer-motion
tanstack/react-query
Key Features
- Reflex-based stopwatch games
- Pomodoro timers for focus and rest cycles
- Ripple breathing exercises for relaxation
- Dynamic task checklist with progress tracking
- Interactive and responsive UI
- Real-time feedback and statistics
- Smooth animations and transitions
- Accessible design for desktop and mobile
My Responsibilities
- Implemented interactive reflex games, Pomodoro timer, and ripple breathing exercises
- Built dynamic task checklist with progress tracking
- Ensured responsive design for both desktop and mobile
- Integrated TanStack Query and Axios for data management
- Used react-hook-form and Zod for form validation and user inputs
- Applied Framer Motion for smooth animations and interactive UI feedback
Advantages
- Real-Time Reflex Games: Improves user reflexes with interactive stopwatch activities
- Pomodoro Timer: Helps users manage focused work and rest cycles
- Ripple Breathing: Guides relaxation and mental clarity
- Checklist System: Tracks tasks and productivity effectively
- Interactive UI: Clean, responsive, and user-friendly design
- Real-Time Feedback: Immediate results and statistics after exercises
Challenges
- Implementing real-time interactive exercises with accurate feedback
- Ensuring smooth animations and responsive UI across devices
- Maintaining state consistency for multiple interactive tools
- Optimizing performance with heavy frontend interactions
Solutions
- Leveraged React state management and TanStack Query for real-time updates
- Used Framer Motion for smooth and performant animations
- Applied modular component design with TailwindCSS and ShadcnUI
- Implemented form validation and data handling using react-hook-form and Zod
- Tested extensively across devices to ensure responsive and consistent UI









