BoilerMon

Inspiration

Our motivation was our own experiences as freshmen at Purdue, juggling the challenges of starting LeetCode and adapting to college life. We realized that staying motivated through coding practice could feel overwhelming, especially without a fun way to track progress.

What it does

Boilermon connects with your LeetCode account and lets you pick a starter Pokémon. As you solve LeetCode problems, your Pokémon evolves, with the level and evolution stages corresponding to the difficulty of the challenges. Keep it open on the side as you work through coding problems, and watch your Pokémon grow along with your skills. Additionally, the app provides useful tips tailored to Purdue freshmen to help them stay motivated and make progress.

How we built it

We used JavaScript, React, HTML, CSS, Node.js, LeetCode API.

Challenges we ran into

Ensuring real-time updates from the API was tricky. Also working on the project across multiple machines with Node.js and React led to challenges in maintaining a functioning version on everyone’s setup.

Accomplishments that we're proud of

Successfully integrating the LeetCode API, which brought real-world functionality to the app. Also adding bonus features, including multiple Pokémon options, making the experience more engaging and personal for users.

What we learned

How to build a web app with React and Node.js, including troubleshooting integration challenges. Gained hands-on experience with APIs, particularly with syncing LeetCode data dynamically. Learning how to work effectively as a team despite versioning and development environment differences.

What's next for BoilerMon

Improve the app’s speed, ensuring faster updates from the LeetCode API. Develop a web extension or mobile app that sends real-time notifications when users make progress or when their Pokémon evolves. Add more Pokémon and new reward systems, such as streak bonuses or coding badges.

Built With

• css
• html
• javascript
• leetcode
• node.js
• react