Semangat Sayang - Interactive Motivational Website
Project Overview
Developed a comprehensive motivational web application designed to help couples and individuals track their work goals while providing continuous motivation. The project focuses on creating a supportive digital environment for achieving professional targets through mutual encouragement and gamification.
✨ Key Features
- 📅 Real-time Clock & Calendar - Automatic date display dengan digital clock yang selalu update
- 💬 Random Motivational Quotes - 15+ inspirational messages yang tampil secara random
- ✅ Interactive Goal Checklist - System tracking untuk goals dan targets dengan checkbox interaktif
- 📊 Visual Progress Bar - Progress visualization untuk melihat pencapaian dengan mudah
- 📝 Dynamic Target Management - Ability to add dan remove targets sesuai kebutuhan
- 🔄 Weekly Auto-Reset - Automatic reset setiap hari Minggu untuk fresh start
- 🔔 Smart Notifications - Reminder system untuk targets yang belum completed
- 💾 Persistent Data Storage - Local storage implementation untuk maintain data
- 💌 Personal Messages - Customizable personal messages untuk motivasi tambahan
- 📱 Responsive Design - Mobile-first approach dengan full responsiveness
🛠️ Technologies Used
- Frontend: HTML5, CSS3, Vanilla JavaScript
- Storage: Local Storage API untuk data persistence
- Notifications: Web Notifications API untuk reminder system
- Design: Mobile-first responsive design
- Deployment: Vercel untuk hosting dan CI/CD
🎯 Technical Highlights
- Modern ES6+ JavaScript dengan clean code practices
- Progressive Web App capabilities
- Cross-browser compatibility
- Performance optimized dengan minimal dependencies
- User-friendly interface dengan intuitive UX
🌟 Impact & Usage
Website ini telah membantu banyak pasangan dan individu dalam:
- Meningkatkan produktivitas kerja
- Maintaining motivasi harian
- Tracking progress goals secara visual
- Building positive habits dengan gamification
This project demonstrates expertise in creating practical web applications with focus on user experience, data persistence, responsive design, and real-world problem solving.