CloudBubble

1.Innovation/Inspiration:

Inability to find proper resources to learn something new or try to improve a skill, so it wastes time in the long run. While most students in Canada can ask their peers or professors for guidance on where to learn or research an academic topic, underpriveledged students most often do not have these options. So that's why CloudBubble is there to help students filter out such resources.

2.Vision

CloudBubble filters websites, helpful videos and games pertaining to your interest of field and you can choose from a number of resources to go to their links. I would like for it to have a peer-to-peer interaction where users may share their knowledge too.

3Challenges faced

Not finding pre-existing datasets for educational websites(which i was quite surprised about). I had to make my own excel sheet of resources which took 2 hours, so time wasted. Getting the images and text alligned.

4.What you got done

1. Filter resources by subject, media and difficulty level

2. 'Chocolate Box of Surprises' - a url below to click so a random fact pops up from a list

3. Every resource is accompanied by their respective link to take you to the resource immediately

4. Added music for user's comfort (which they can switch on and off)

5.Future directions:

Add an AI testing chatbot to answer immediate questions or search throught the whole director for certain keywords. I'd also like to add more fun experience-based mini-games around the website so students can take a break while learning to keep engaged

6. AI use

Used chatGPT for debugging some of the code and to write the click me url function. I also used it to structure the README.md file.

Inspiration

Taking courses in university with no prior knowledge on the topics and having to scavenge the internet for resources to learn. This wastes a lot of time on knowing what's helpful and what's not. Not everyone has access to get quality information

What it does

A dropdown menu is available to select the topic of your interest It has a toggle to select your difficulty level of learning from 1 to 3. And another dropdown menu to select what type of resource you want to learn from(i.e. video, research, games)

Also has a little entity supportingand encouraging you on your progress of learning.

How we built it

Streamlit and vscode for coding and executing the functions. Procreate and Ibispaint for graphics

Challenges we ran into

Trying to use JavaFx and java to write the program at first then gave up on the idea. Not planning how much time to allocate for designing, writing the actual and debugging. Using VScode and commiting. It's my first time using streamlit, so it took me sometime to get used to it, but i found it great. Just a bit sad python doesnt make use of gifs

Accomplishments that we're proud of

Being able to post a somewhat complete website on a hackathon

What we learned

Plan beforehand for each aspect of the app, and having sufficient knowledge to run the programs

What's next for CloudBubble

Adding a peer to peer interaction system Have mini quizzes generated by ai to test how much one learned

Built With

• python
• streamlit
• vscode