logo
Mindora.uz
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

Project Gallery

Mindora.uz - Image 1
Mindora.uz - Image 2
Mindora.uz - Image 3
Mindora.uz - Image 4
Mindora.uz - Image 5
Mindora.uz - Image 6
Mindora.uz - Image 7
Mindora.uz - Image 8
Mindora.uz - Image 9
Mindora.uz - Image 10
Mindora.uz - Image 11