Boring PowerPoint slides and drab Zoom webcams. This is the “cutting edge” technology being used to teach classes remotely today. However, as the topics and concepts taught in schools become increasingly abstract, these tools may not be sufficient to engage and support student learning. According to a survey of Canadian schools, only 37% students feeling invested in learning. Statistics show that 25% of students of students who drop out of school cite low self-efficacy and disengagement as reasons for leaving. Disengagement with school can begin as early as age 9 and may worsen as students get older.
To address this issue, some methods have been developed to help students enjoy learning. Given that 40% of students are visual learners, visualizations can be particularly effective for retention. However, incorporating visualizations into lessons can be challenging, as it often requires teachers to spend time learning complex software.
We believe that visualizations should be summoned magically with simple gestures. We went ahead and built just that.
What it does 🤔
EDwiz is a browser based visualization tool that allows educators to better prepare for their lessons by mapping Gestures --> Visualizations.
After logging in, teachers can view a Canvas where they can preset three unique gestures to visualizations of their choice. We have recognized the value of Generative image AI applications such as Dall-E 2 and Stable Diffusion and have offered teachers a way to map their gestures to Generative Images based on their prompt or lesson requirements. Moreover, we enable teachers to map their gestures to GIFS because GIFs are often liked by students and convey the concept in an interactive manner
EDwiz also provides a history dashboard where teacher can view images they have previously configured so that they can reuse them for future lessons.
After the gestures to visualizations mapping has been completed, teachers can share their screen showing the EDwiz application and just by making a gesture, they can conjure the gesture they have mapped. Just like magic!
How we built it ⚙️
First and foremost, it is Crafted with 💙. We have built a ML-enabled full-stack application that solves a real world problem. The whole process can be broken into the following points :-
React, Next.js on the front-end with styling done in Tailwind and DaisyUI
Prisma Client, MongoDB on the back-end
External services like MongoDB Atlas, Google Cloud, Giphy, Lexica
We were heavily inspired by the revised version of Double Diamond design process, which not only includes visual design, but a full-fledged research cycle in which you must discover and define your problem before tackling your solution & then finally deploy it.
- Discover: a deep dive into the problem we are trying to solve.
- Define: synthesizing the information from the discovery phase into a problem definition.
- Develop: think up solutions to the problem.
- Deliver: pick the best solution and build that.
Moreover, we utilized design tools like Figma, Photoshop & Illustrator to prototype our designs before doing any coding. Through this, we are able to get iterative feedback so that we spend less time re-writing code.
Research is the key to empathizing with users: we found our specific user group early and that paves the way for our whole project. Here are a few of the resources that were helpful to us —
- Design Resources : Freepik, Behance
- Icons : Icons8, fontawesome
- Font : Urbanist / Roboto / Raleway
Challenges we ran into 😤
We had challenges creating gestures that can be mapped uniquely identified but we managed to create 3 that would be intuitive to use while teaching. We tweaked the model to run faster to suit our needs in the browser and for our customer teachers.
Being in 3 different time zones (Canada, India, and Germany) and coordinating was definitely a challenges. Sleepless nights and ruthless commitment was our solution for this problem.
Best Domain Name from Domain.com ⭐
We reserved the name visualizing-wizard.tech to suit our idea.
Best Accessibility Hack sponsored by Fidelity ♿
We were delighted to know that this was a category. We are really sympathetic towards disabled persons and our app is a best fit for deaf people. American Sign Language (ASL) can be better taught using EDwiz and be made more interactive and sticky!
Best Use of MongoDB Atlas 💚
MongoDB Atlas was one of the main services we used in our project and is one of the reasons why we were able to build such a technically complex project in such a short time.
We used MongoDB as our database and used the accompanying GUI client Mongo Atlas to interact with the DB.
We also used MongoDB as a caching layer. If users have already used an image before. This way we save compute and utilize storage to make our app super quick for the users. We tied our user credentials and user history in collections in the DB. The super easy interface with MongoDB made it pleasurable to use.
Accomplishments that we're proud of ✨
We are proud of finishing the project on time which seemed like a tough task as we started working on it quite late due to other commitments. We were also able to add most of the features that we envisioned for the app during idealization. And as always, working overnight was pretty fun! :)
This project was especially an achievement for us because the experience was very different from than in-person hackathons. We found that some parts were the same though - we went through heavy brainstorming and extensive research all to feel the sweet, sweet success of hitting the final pin on the board.
What we learned 🙌
Proper sleep is very important! :p Well, a lot of things, both summed up in technical & non-technical sides. Also not to mention, we enhanced our googling, ChatGPTing and StackOverflow searching skills during the hackathon :)
We are a team of 4 passionate about bringing remote education to areas with poor internet connectivity!. What we create during our Hackathons is just the tip of the iceberg and we believe this project can help uplift the communication lags faced everyday by providing a Safe, Fast & Reliable connection in this time of despair.
What's next? 🚀
We believe that our App has great potential. We just really want this project to have a positive impact on people's lives! We would love to make it more scalable & cross-platform so that the user interaction increases to a great extent. Additionally, we intend to continue improving the image compression algorithms & adding receipts to track conversations for later use.
Note ⚠️ — API credentials have been revoked. If you want to run the same on your local, use your own credentials.