Capybara Pomodoro Timer

• 

  AI generated

• 

  AI generated

• 

  AI generated

• 

  AI generated

• 

  AI generated

• 

  AI generated

• 

  AI generated

• 

  AI generated

Inspiration

As a teacher, I was inspired by the Pomodoro technique to help students focus and my love (we love) for capybaras' chill vibe. I built a fun app to gamify productivity and share silly wins on Reddit for the Silly Sh!t Challenge.

What it does

Players start a 25-min Pomodoro timer to focus, earning 10 points per session, 5 for short breaks (5min), 15 for long breaks (15min), and 2 for todo list tasks. Switch zen, space, cafe, or gamer themes to change capybara visuals. A leaderboard shows top 5 scores, and a Share on Reddit button posts wins (e.g., "Concluí um Pomodoro com 50 pontos! 🦫") to r/mytestsubreddit. Supports Português, English, Español.

How we built it

Using Bolt.new's message interface, I built the app with HTML, JavaScript, and Tailwind CSS. Deployed via Netlify for the Deploy Challenge. javascriptasync function shareToReddit() { const message = 🎉 Concluí um Pomodoro com ${points} pontos! 🦫; // Posts to Reddit with axios }

Challenges we ran into

As a non-dev, I faced JavaScript basics and CORS workarounds without terminal access.

Accomplishments that we're proud of

As a non-dev, I faced huge hurdles: no terminal access in Bolt.new, Reddit API CORS errors, and failed exports. I used client_credentials flow for Reddit and manually fixed asset URLs for Netlify. Bolt.new’s interface made it possible despite my inexperience.

What we learned

I learned to use Bolt.new to build apps, integrate Reddit's API with axios, and deploy via Netlify. I figured out JavaScript basics and CORS workarounds without terminal access. (I really just learn how it work!)

What's next for Capybara Pomodoro Timer

I am building a micro SaaS with AI help, let's how it goes!

Built With

• axios-(http-requests)
• bolt.new-(platform)
• css
• github-(repository)
• html
• javascript
• localstorage
• netlify-(cloud-hosting)
• reddit-api-(sharing)
• tailwind-css-(via-cdn)