Meducate

Inspiration

Creating an ed-tech related website sounded challenging and fun. And a medical-only ed-tech platform isn't that popular in the market. It's really necessary for front-line medical professionals to stay in line with their medical knowledge at all the time as they are the life saviors. That's how we got the inspiration to make this web application.

What it does

Meducate is an online learning platform for Front Line medical professional, who can enroll in courses and keep themselves up to date with their practices to make sure that they don't go out of touch with their knowledge. It provides a certificate in the end with a validity of certain time period, after which they may have to take the course again to make sure that their knowledge stays in place. It even offers in video quizzes, which tests their knowledge according to what they've learnt. This helps in their hybrid mode of their work, where they can continue working in real life at hospitals, clinics, etc while learning the theoretical part of their course online, and getting certified.

How we built it

The front end framework used for this application is NextJs, with Typescript. For styling, we used TailwindCSS library. For backend, we used NodeJS with ExpressJS. And for Database, we used MongoDB Apart from these, we used several libraries like Redux Toolkit for global state management in front end, Bcryptjs library for securely storing the passwords in database and jsonwebtoken library for keeping the user logged in at all time and making sure that all API calls are made by the legitimate logged in user.

Challenges we ran into

It was difficult to integrate the quiz in video. We knew this would be complex so we started our challenge with this. As we weren't able to integrate quiz sensibly with the default HTML video player, we created our own Video Player from scratch. It took us a long time and quite a lot of effort to do it but we were able to create our own Video player and successfully integrate quizzes to it.

Accomplishments that we're proud of

We were proud of creating an ed-tech themed website which caters the users who are interested in learning and getting certified for their work. We are also proud of successfully integrating all the technologies together and making a working website.

What we learned

Apart from trying to make sure that our application has an excellent User Interface, on which we spent a lot of time and learnt a lot about it, this application focused more on creating various kinds of logic in our APIs. We learnt a lot about MongoDB aggregations to create such logics.

What's next for Meducate

We would firstly focus on making our application completely dynamic. We would later plan on incentivizing our application further by adding achievement badges, competitive by adding leaderboards, etc. As we've built standalone APIs, we are planning to making a mobile UI using react native as it would incorporate the same logics and functions used in our front end codebase, just that we have to create only the UI components, and integrating all these APIs into it.

Built With

• express.js
• mongodb
• nextjs
• node.js
• tailwindcss
• typescript