ViLePanion

The main webpage.
The student's login section.
The student interface.
The Quiz progress.
The Quiz result.
The student's dashboard.
The Physics subject only in the dashboard.
Choosing desired type of learner in the Type Of Learners section.
The Physics Visual material.
The teacher interface.

VILEPANION - BETTER COMPANION BETTER STUDENTS

Inspiration

Due to the ineffectiveness of learning in an ordinary way not only during the pandemic but has existed for a long time, our team planned to solve the problem and came up with a recognization of students' different ways of absorbing knowledge which has a significant impact on study’s performance. We decided to create a website that allows the students to study in their proper learning style which consists of four core types: visual, auditory, reading and writing, and kinesthetic. The website will ultimately improve and enhance the ability of individual learners as well as increase learning enjoyment.

What it does

ViLePanion provides the student with a survey to determine the student's suitable percentage for each learning style and conducts a result of which learning style suits the student the best. The student can do research and study the materials from the teachers on the website that are sorted according to the survey's result percentage.

How we built it

We used HTML, CSS for coding the front-end, and PHP, SQL for the back-end.

Challenges we ran into

Due to the miscommunication of the first time working as a team, we faced some misunderstandings and needless struggles in comprehending each other's opinions. Moreover, when brainstorming ideas, there were many times that we got stuck and could not find the solution therefore a lot of incomplete plans had to be canceled.

Accomplishments that we're proud of

By utilizing the two design tools that we have just known, Figma and Powtoon our team successfully completed the prototype and the website before our intended time.

What we learned

Together we learned how to work with Figma and Powtoon, a tool that we have not used before PlutoHacks, to design the prototype as well as the presentation video. Besides, PHP is a new programming language that Mei and Andrea got the first chance to get to know.

What's next for ViLePanion

ViLePanion is believed to aid in learning overall in the future, therefore, we will create a mobile version and add in more functions to increase the interaction between the student and the teacher such as the comment section after every lecture so that the student can ask questions and receive answers from the teacher. Moreover, ViLePanion will be upgraded to be an Electronic Contact Book that assists the parents in tracking their children's learning status, grades, upcoming deadlines, and homework.

Built With

css
figma
html5
php
powtoon
premiere

Submitted to

PlutoHacks
- Winner Best Educational Hack

Created by

I came up with the overall idea and supported the wireframe's aesthetic of the application. I also take part in analysis and debate to see how the idea might be applied to the project. Joining Plutohacks was such a wonderful experience!

Y Banh
I do the programming part. This is my first time programming such a limited time project. I enjoyed the process very much.

Iris Huynh
I worked on designing the prototype using Figma, idea analysis and video editing. I really enjoyed the Hackathon as I learnt so much from it.

Huy Bui
I was an idea aggregator and planner who came up with an idea to introduce the project. I also did the voice-over and write the project's script. I really hope that in the next Hackathon I can make more contributions and be more helpful to my team.

My Le