A Study Helper Equipped with Fun and Useful Widgets to Help You Stay Focused Paired with a Study Buddy!
"Ready to Lock In?" is a study assistant designed to keep you productive and on track with your goals. We know how hard it can be to resist the temptation of your phone, so we created a tool that provides the essential utilities of a phone—minus the distractions. Studying can also get lonely, but don't worry I heard there's a cute creature that will keep you company.
With our study helper, you get:
- Customizable widgets to suit your workflow.
- Gamified look to keep you motivated.
- An intuitive design that promotes focus while reducing the pressure to check your phone.
- A motivational study buddy that stays with you.
Say goodbye to procrastination and hello to a more productive you!

- Timer: Manage your work and breaks with ease.
- Task Tracker: Keep your to-dos visible and achievable.
- Spotify Integration: Listen to your favourite beats while working.
- Current weather: See how's the weather in your city.
- Season picker: Depending on your mood, you can pick a season to be in.
A small adorable creature walking around your study-town promoting good vibes and motivation to complete your tasks.
- Set your goals: Create a list of what you want to achieve during your study session.
- Activate widgets: Customize the tools you need to stay on track.
- Lock in: Focus on your goals without missing the core functionalities your phone provides.
- Celebrate progress: Watch your productivity grow with our progress trackers!
Modern distractions, especially smartphones, make staying focused harder than ever. "Hack Town" provides the tools you need to replicate your phone's functionality while keeping you on task. It's the ultimate study partner—fun, functional, and productivity-boosting.
- Configure environment variables
LOC_API_KEY="OPEN_WEATHER_MAP_API_KEY"
SPOTIFY_CLIENT_ID="SPOTIFY_CLIENT_ID"
SPOTIFY_CLIENT_SECRET="SPOTIFY_CLIENT_SECRET"- Package installation
npm i- Start server and run app
npm run devFrontend:
- React.js, HTML5, CSS3, JavaScript (ES6)
- Spotify API and OpenWeatherMap API integrations
- Pixel art visuals for dynamic seasonal islands and the study buddy
Backend:
- Node.js and Express.js for server-side logic and API handling
Tools::
- Three.js for rendering 3D animations
- dotenv for managing environment variables
- Font Awesome for icons