UNPKG

progresspulse-pwa

Version:

A modern PWA for tracking progress and achieving goals with iPhone-style design

87 lines (60 loc) 2.37 kB
# 📱 ProgressPulse PWA A modern Progressive Web App for tracking progress and achieving goals with iPhone-style design. ## 🚀 Features - 📊 **Progress Tracking** - Visual progress charts and analytics - 🎯 **Goal Management** - Create and track personal goals - 🔔 **Smart Notifications** - Daily reminders and update alerts - 📱 **PWA Support** - Install as native app on any device - 🌙 **Dark Mode** - Beautiful dark/light theme switching - 📈 **Analytics** - Detailed progress insights and reports - 🏆 **Achievements** - Unlock achievements as you progress - 📄 **PDF Export** - Export progress reports and certificates ## 🛠️ Tech Stack - **Frontend**: React 18 + TypeScript + Vite - **Styling**: Tailwind CSS + Framer Motion - **State**: Zustand + React Hook Form - **Charts**: Recharts + D3 - **PWA**: Workbox + Web Push API - **Database**: IndexedDB + Firebase (optional) ## 🚀 Live Demo Visit: [https://progresspulse-pwa.vercel.app](https://progresspulse-pwa.vercel.app) ## 📱 Install as App ### On Mobile: 1. Open the website in your browser 2. Tap "Add to Home Screen" when prompted 3. Enjoy the native app experience! ### On Desktop: 1. Look for the install icon in your browser's address bar 2. Click "Install ProgressPulse" 3. Use it like a desktop application! ## 🔔 Notifications - **Daily Reminders**: Get motivated with daily progress reminders - **Update Alerts**: Automatic notifications when new features are available - **Achievement Unlocks**: Celebrate your milestones ## 🏗️ Development ```bash # Install dependencies npm install # Start development server npm run dev # Build for production npm run build # Preview production build npm run preview ``` ## 📦 Deployment This app is automatically deployed to Vercel on every push to main branch. ## 🤝 Contributing 1. Fork the repository 2. Create your feature branch (`git checkout -b feature/amazing-feature`) 3. Commit your changes (`git commit -m 'Add amazing feature'`) 4. Push to the branch (`git push origin feature/amazing-feature`) 5. Open a Pull Request ## 📄 License This project is licensed under the MIT License. ## 🙏 Acknowledgments - Built with ❤️ using modern web technologies - Inspired by iOS design principles - PWA best practices implemented throughout --- **Start tracking your progress today! 🚀**