MyInfoNow | Devpost

Inspiration

What inspired us was the amount of forms that needs to be filled out by each and every new kid or adult in the village, and the hassle to get each form and keep the data somewhere safe for each of the new kid or adult. As we kept building this idea, we thought that this also might cater to some other people outside of the village, for example if someone randomly passes out you can simply scan their QR code and find their emergency contact and they can get saved.

What it does

What our app does is, it is a healthcare app that shows all your healthcare details and it lets you customize the what information you want the other person to see in one of the three presets saves you have. Once you have all your healthcare details written and saved you can then share the QR code to doctors or others who needs it.

How we built it

In the frontend we built it off of Next.js a React framework, and used Tailwind css for designing the page. In the backend we used Express and MongoDB atlas for our database.

Challenges we ran into

While building the frontend and trying to connect each of the pages together we released that we did it wrong, instead of rendering all the aspects of the page on one page we made multiple pages and it resulted in many errors which caused us to quickly remake the project all render in one page.

We ran into many troubles trying to get the QR code scanner working, since most devices has two camera it became a problem to try and get only one of the cameras.

The Integration between frontend and backend was very tough since there were so many aspects and elements in this project so it was tedious.

Accomplishments that we're proud of

We're proud of the backend that we learned and programmed on the fly through this hackathon and that we're able to connect all the backends parts to the frontend. We're proud that we implemented an QR code scanner into our website and is able to scan and correctly display the information that is displayed (even if it's just the json file). Lastly we're proud that we learned tailwind css and nextjs on the fly and created something with it.

What we learned

For the backend developers, we learned a lot on designing and setting a database, POSTING and GETTING information from the frontend and also learning that connecting the frontend and backend for this project is insane since we had an insane amount of elements to store. They learned that making a login register is not as easy as it seemed.

For the frontend developers, we learned that frontend is hard, especially designing a webpage from scratch, that is why we started using references. We also learned about tailwind css and how it works, but it shouldn't be use in these types of cases as it would get long and too complicated to understand. Lastly, the QR code scanner implementation this helped us understand how to open a camera on a device to scan a QR code.

What's next for MyInfoNow

We hope MyInfoNow would grow and ultimately improve many people's lives, making it more convenient and life saving in some certain ways. We hope we mainly see more security around this app as it has a lot of sensitive information.