ProtectPibble

• 

  Figma workspace where UI design was planned and created.

Inspiration

To come up with this project, we wanted to address a problem that students face. As students ourselves, we decided to tackle the problem of procrastination as we know how tempting it can be to procrastinate when not held accountable.

What it does

Our app provides a virtual environment for a given university or even high school class, where everyone in said environment shares one pet: Pibble. After logging every assignment, exam, and class material into a given class environment, students can join through a join code an log their marks, date of assignment completion, and if they attended class/tutorials or not. Each environment has dynamic health tracking for Pibble, where missed deadlines, low marks, and absences will damage Pibble for everyone in the class environment. The goal of this app is to keep Pibble in its best possible shape throughout the class and most importantly not let it die. This adds a fun twist in a classroom environment and promotes wellness and academic performance.

How we built it

For this application, we used a full stack structure and hosted it online through Vercel and Render allowing people across different devices and networks to connect to the same Pibble classroom enviornment. We split the frontend and backend into teams of 2 and collaborated with each other to ensure collective decision making and lessen any merge conflicts.

Challenges we ran into

The biggest challenge we ran into was deploying this project so multiple users on different devices could connect to the same Pibble environment through a join code.

Another challenge we ran into was learning how to work with and use new libraries such as SQLalchemy.

Accomplishments that we're proud of

Through this Hackathon, we've went above and beyond our expectations, coming from a low understanding of network protocols and security authentication to now accomplishing a build for a full web app with both a registration and login for users that is saved to a database for later authenticating and also providing a way for users to interact with one another in a meaningful way to hold each other accountable in respect to their study habits.

What we learned

This hackathon was truly a learning experience for all of us as we spent most our time researching and brainstorming how to implement several concepts which our project encapsulates. One of the major things we gained a better understanding of deploy ability and how we can use a database together to create a login and registration project. Interweaving languages was also apart of our learning experience since we had to understand how each of the languages would understand each other and work together to bring about a viable product and which ones would not work together

What's next for ProtectPibble

This product is simply an MVP. There are many features we plan to add such as:

• security tightness and authentication
• A nudge feature (being able to nudge students who have either not logged a soon to be overdue activity, or not finished it.) -Integrate a LLM API into our pibble sprite - transforming it into a cute AI character that one can talk to and additionally ask questions about the course material and deadlines for.
• interactive pop-up quizes for vertain lectures to promote active recall on material.
• Implement instructor mode, where one instructor can create an environment for the whole class, having students work towards a shared goal. This mode will be more anonymous and scalable for higher amounts of people.
• reward system: Be able to set a reward for keeping Pibble alive or above a certain health cap. -more features under construction

Built With

• css
• figma
• html
• javascript
• postgresql
• python
• react
• render
• shell
• sqlalchemy
• typescript
• vercel