-
Homepage
-
Footer
-
Neuroscience textbook with interactive 3d model
-
CS Textbook with embedded compiler
-
Text summarization and translation tool on every textbook page
Track
Education
Inspiration
Many of us were eager to pick up new skills during the coronavirus pandemic— but how many of us can say that we were successful in doing so? As students, we understand the challenges associated with online learning and want to make the practice more accessible and interactive for all. We wanted to expand upon the concept of a free and interactive online education and apply it to all subject matters. We drew inspiration from companies such as DataCamp and Codecademy, who offer free coding classes and data skills in an online setting. Our vision is that together, we can learn anything!
What it does
Our app creates a user-friendly, interactive textbook application to help students around the world understand and retain information better. Why read through hundreds of pages on programming when you can answer questions and receive feedback through our built-in interactive terminals? Or better yet, see all of your diagrams presented in 3d with options to change the view and data presented? Vivlio keeps track of your progress and learns from the user to curate content and reinforce problem areas. The app is a game changer when it comes to hands-on virtual learning.
How we built it
We used React to help build the user interface, Node.js to create a scalable server, Figma as a vector graphics editor, and Netlify to host the app.
Challenges we ran into
We initially had trouble integrating the terminal into the site without allowing users to mess with the site data. We took a step back, did some research, and found an external widget to embed on the site. Because of this approach, we were able to embed it seamlessly and continue working on other features of the app.
Accomplishments that we're proud of
We are most proud of integrating a machine learning text summarization API, through RapidAPI. This is a novel tool that has not been used on popular textbook sites, which we believe is an important tool that could help with students’ ability to learn.
What we learned
Our team learned more about advanced techniques for react.js, node.js, API calls, and general web development.
What's next for vivlio.tech
We look forward to continuing work on the app and allowing users to take notes on their interactive books. We see vivlio as a revolutionary tool for students to keep all of their notes and study materials in one place, while working with 3d models and terminals to test and demonstrate their knowledge of core concepts. We would like to present this model and receive funding to fully implement these features and bring virtual learning tools into as many homes and classrooms as possible.
Log in or sign up for Devpost to join the conversation.