• Smart Medicine Management - Add medicines with custom dosages, frequencies, and schedules
• Daily Schedule View - Real-time dose tracking with color-coded status indicators
• Weekly Calendar - 7-day visual schedule with completion percentages
• Analytics Dashboard - 30-day adherence rates, streak tracking, and performance insights
• Data Persistence - Reliable IndexedDB storage that survives browser restarts

• ** Fully Installable** - Add to home screen on mobile and desktop
• Offline Capable - Service Worker caching for complete offline functionality
• Push Notifications - Scheduled medicine reminders at exact dosage times
• Cross-Platform - Works seamlessly on iOS, Android, Windows, macOS

• Dark/Light Mode - Theme toggle with system preference detection
• Smooth Animations - Framer Motion page transitions and micro-interactions
• Responsive Design - Mobile-first with tablet and desktop optimization
• Interactive Feedback - Ripple effects, pill animations, and status transitions

• React 18 - Modern React with hooks and concurrent features
• TypeScript - Full type safety and development experience
• Vite - Lightning-fast build tool and dev server
• Tailwind CSS - Utility-first CSS framework
• Shadcn UI - Beautiful and accessible React components

• Vite PWA Plugin - Zero-config PWA framework
• Workbox - Service worker libraries and tools
• IndexedDB - Client-side database storage

• Framer Motion - Production-ready motion library
• Lucide React - Beautiful & consistent icon pack
• Date-fns - Modern JavaScript date utility library

• Node.js 18.x or higher
• npm 9.x or higher

1. Clone the repository

git clone https://github.com/rajanarahul93/medicine-scheduler.git
cd medicine-scheduler

2. Install dependencies

npm install

3. Start development server

npm run dev

4. Open your browser

http://localhost:5173

# Build the app
npm run build

# Preview the production build
npm run preview

1. Click the "Add" tab in the navigation
2. Fill in medicine details:
   • Name: e.g., "Vitamin D"
   • Dosage: e.g., "1000 IU"
   • Frequency: Daily, Twice Daily, etc.
   • Times: Select specific reminder times
3. Click "Add Medicine" to save

• Today Tab: View and manage today's doses
• Weekly Tab: See your medication schedule across 7 days
• Analytics Tab: Track adherence rates and streaks

1. Click "Enable Notifications" when prompted
2. Allow browser notification permissions
3. Receive automatic reminders at scheduled times

• Theme: Toggle between light and dark mode using the moon/sun icon
• Colors: Each medicine gets a unique color for easy identification
• Status: Mark doses as taken, skipped, or missed

1. Open the app in your browser
2. Look for "Add to Home Screen" prompt
3. Follow the installation steps
4. Launch from your home screen like a native app

1. Look for the install icon in the address bar
2. Click to install the PWA
3. Access from your desktop/taskbar

We welcome contributions from the community! Here's how you can help:

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

⭐ Star this repo if you found it helpful!