What we built?

We developed an integrated e-learning platform that includes both an Android app and a website. Using a common Firebase database, we were able to incorporate gamification elements such as badges, rewards, and XP, as well as a pirate-themed educational game, to make learning fun and engaging.With this platform, users can learn at their own pace and convenience on both the app and website, all while tracking their progress through a shared database. Gamification elements used: Badges, Rewards, Experience Points(XP), Theme(Story) based game environment, User Profile, Progress Tracking

Inspiration

The inspiration for the above problem statement could be the fact that traditional e-learning methods are often viewed as boring and unengaging, leading to low retention rates and disinterest among learners. The use of gamification elements and a theme like pirates can make learning more interactive and exciting, increasing learner motivation and engagement. The "Learn it" app aims to address this issue by creating a fun and engaging e-learning experience for users.

What it does

The app will provide a fun and engaging learning experience to users by integrating gamification elements like quizzes, rewards, and leaderboards. The pirate theme will add a unique touch to the app, making it more appealing to users. The app will have a user-friendly interface and will cover a wide range of topics to cater to diverse learning needs. The app will also provide progress tracking features to help users keep track of their learning journey.

How we built it

The Android app was built using Java in Android Studio, while the website was built using React JS. We used the firebase database for storing the user info.

Challenges we ran into

The greatest challenge was to integrate both the themes i.e.to make app and website similar as both had different tools and technologies and a common database.

Accomplishments that we're proud of

We were able to successfully integrate app and website via firebase and we learned various gamification elements. We explored different and more advanced components in React JS and android studio.

What we learned

We learned to integrate database, android application and website Different gamification elements Using common database Advance features in Android Studio using Java Advance features in React JS

What's next for Learn It (Future Scope)

We plan to make the integration more powerful by adding databases for courses We plan to add more advanced features like progress tracking using levels Adding more educational elements like quizzes Creating pathways and using AR-VR and creating a metaverse of Learn-It(Learnoverse) to actually make the users feel as if they are pirates Integrating metamask wallet so that the teachers can redeem NFTs for releasing new courses.

Final Android App APK: https://github.com/vaishnavi-3969/Hackbattle-Learn-IT/blob/master/app-debug.apk

Final Website: https://643bce05a8389c2b3be76bdc--monumental-cendol-86568d.netlify.app/

Share this project:

Updates