Find your calm, achieve your goals CozyFocus is a productivity app that combines focus sessions with a cozy, gamified experience. Stay focused, earn coins, and decorate your personal space with items from the shop! ✨ Features
User Authentication - Secure login and signup with Supabase Focus Timer - Stay on track with customizable focus sessions Virtual Shop - Earn coins and buy cozy items Personalization - Decorate your space with plants, lamps, cats, and more Coin System - Get rewarded for completing focus sessions
Tech Stack
Frontend: React + Vite Styling: Tailwind CSS Authentication & Database: Supabase Routing: React Router Icons: Lucide React
📦 Installation
Clone the repository:
bash git clone https://github.com/yas176/HackHers.git cd HackHers
Install dependencies:
bash npm install
Set up environment variables: Create a .env file in the root directory:
env VITE_SUPABASE_URL=https://jljkgyvvwsgvvhrdorix.supabase.co VITE_SUPABASE_ANON_KEY=sb_publishable_ljvXCax_rHwHLB_mP04_HA_d9GGtUig
Run the development server:
bash npm run dev
Open your browser: Navigate to http://localhost:5173
🎮 How to Use
Sign up to create your account then login Start a focus session and concentrate on your task Earn coins when you complete sessions Visit the shop to buy cozy decorations Customize your space with your purchased items
🛠️ Available Scripts
npm run dev - Start development server npm run build - Build for production npm run preview - Preview production build
🤝 Contributing This project was created for HackHers hackathon. Contributions, issues, and feature requests are welcome! 👥 Team
Yasmeen Adi - Dema Alsaraireh - Laila Charaf - Shahed Charaf
📝 License This project is open source and available under the MIT License. 🙏 Acknowledgments
Built with ❤️ for HackHers Icons by Lucide React
Happy focusing! 🌱