Pineapple Medical Portal

Inspiration

We wanted to create an intuitive way for users to store and view their medical information.

What it does

Our project securely stores medical information and provides an easy way for users to schedule a meeting with their doctor.

How we built it

We used React and Next.js to build our app, with TailwindCSS to make it more visually appealing. We also used Firebase to store user info.

Challenges we ran into

Our team had no prior experience with full-stack development, and learning all of the required details of our frameworks and languages in a short amount of time was very difficult.

Accomplishments that we're proud of

We are proud to have a finished and operating website.

What we learned

We learned how to use React, Next.js, TailwindCSS, Firebase, and JavaScript.

What's next for Pineapple Medical Portal

Automatic meeting scheduling
Create a sister website for doctors to help minimize hassle on both ends

Built With

javascript
next.js
react
tailwindcss

Submitted to

SteelHacks XII

Created by

I worked on the UI and visuals. It was my first time with any of our tools.

Sam Miller
I worked with Antwan on the backend of the project, having to deal with the firebase database and the basic framework of the pages and data collection.

Alexander Mitasev
I worked on the back end and data collection with Alex. Was my first time.

Anthony Hoang
I worked on the front-end, helping design the UI and interactions with the database. This was my first time using Tailwind CSS and Next.js.

Shiv Patel
Passionate about digital storytelling. Looking to create a website or a video game.