PocketStudy is a beginner‑friendly React web app that helps students stay focused and motivated using the Pomodoro technique.
It combines a countdown timer, study targets, reminders, and fun emoji celebrations to make learning more engaging.
- Pomodoro Timer: Start, pause, reset, and quick‑set durations.
- Reminders & Notifications: Browser alerts and sound cues near session completion.
- Target Planner: Track daily, weekly, and monthly study goals with charts.
- Emoji Celebration: Confetti and emojis when a study session is completed.
- Beginner‑Friendly UI: Clean, simple, and motivating design.
- Timer flow: Start a work session → timer counts down → when it reaches zero the app rings, shows a toast and browser notification, increments session count, and triggers a celebration.
- Break logic: After each work session the app switches to a short break; after a configured number of sessions it switches to a long break.
- Targets: Enter numeric goals for daily, weekly, and monthly study time; the chart updates as sessions complete.
- Reminders: Toggle reminders on to receive sound and browser alerts; a test button verifies notifications.
- React 18 ⚛️
- Chart.js + react-chartjs-2 📊
- React Confetti 🎉
- React Toastify 🔔
- Howler.js 🔊
- CSS Modules / Plain CSS 🎨
- Netlify for continuous deployment 🚀
- Featherless.ai API 🪶 for motivational inference
- git clone: https://github.com/codeNimra/study-session-planner.git
- Live Demo: https://study-session-planner.netlify.app/
- Build: npm run build
- Publish: Upload the build/ folder to your hosting provider or connect the GitHub repo to Netlify for automatic deploys on every push to main.
PocketStudy integrates Featherless.ai to deliver motivational study tips at the end of each session.
- API requests are handled in src/services/featherless.js using Axios.
- The API key is stored securely in .env (REACT_APP_FEATHERLESS_KEY).
- Netlify environment variables ensure safe deployment.
- This meaningful use of Featherless.ai inference qualifies PocketStudy for the Featherless.ai sponsor prize.
- Status: Demo ready and deployed (Netlify).
- License: MIT see the LICENSE file.
- Author: Nimra Abid
- Hackathon: Built for CodeSprout Beginner's Hackathon 2026