## Inspiration

Contrary to popular belief, it is *not* healthy to brag about how little sleep you are getting. We decided to change that by turning sleep into a healthy competition. Getting better sleep is something we all want to do, but it can be difficult when actually trying to go through with it. Inspired by apps like Snapchat and Duolingo that implement competitive streak systems for consistent use, we thought that adding an element of competition with both yourself and other people would be a great way to motivate people to sleep more consistently.

## What it does

Our website helps you view your sleep tracking data obtained from your smart watch, a sleeping device, or use a manual stopwatch to determine how many hours you are sleeping per night, as well as how you compare to others on their sleeping journey. Our goal of the production stage of the app is to include small meditations, a sleep journal, and machine learning to adequately estimate exactly how much sleep each person needs. If the user sleeps 8 or more hours a night, their streak will increase by 1. If not, they will lose their streak and have to start all over again. They will be able to compare themselves against both a global leaderboard, and their friends' streaks as well.

## How we built it

For our prototype, we decided to build a Flask webapp instead of a mobile app due to the time constraint. We stored account and sleep history data inside a SQLite database, and designed the front-end with HTML, CSS, Javascript, and Jinja.

## Challenges we ran into

It was our first time working with databases so many of our team members struggled to work around issues once they came up, We were almost all unfamiliar with Flask as well, so downloading the appropriate libraries and figuring out its syntax was a bit of a struggle that hindered fast progress, but we overcame both with mentor help and by helping each other!

## Accomplishments that we're proud of

Even submitting! We know it takes great guts and courage to meet new people and form a team, even more to actually develop that idea, and a lot to submit at such a prestigious institution like MIT. But it's the journey that counts! Sure winning is fun, but it's not about the prize money; it's the friends and knowledge you won along the way.

## What we learned

Working as a team, Flask, figma, web design, logo design, SQLite, databases, and more!

## What's next for Nap Stars

Making a responsive app, and fully executing all our features! Our current design is a very bare-bones prototype, so making sure all our basic features are in place, transferring to an app format, and adding the additional features mentioned above would be crucial in bringing our vision to life.
## What it does

How you ever wanted to be healthy and exercise but could never work up the motivation? Well, we made the perfect website for you! Our website offers users a chance to workout... only gamified.

## Inspiration

We were inspired by RPG games, where they incentivize players to continuously do repetitive tasks in order to gain experience points and levels. We wanted to recreate this reward-loop for something more beneficial to someone's everyday life and found that exercise fits this theme quite well. The streak feature was inspired by Duolingo's streak system, which keeps users motivated and using their app.

## How we built it

The languages we used to build this web application are HTML, CSS and JS. We also used the React library to aid with the front end and MongoDB with our database. The backend used NodeJS.

## Challenges we ran into

Being our first hackathon, there were a number of learning curves that we had to face. First of all, there was an issue with managing time when developing our web application. Between the numerous workshops we wanted to attend and accommodating for sleep, we definitely had much less than 36 hours to dedicate to building this project. Another challenge we faced is that our group had a lack of experience with front end development. We spent a large chunk of time simply learning how to use front end development tools, and didn't have enough time to allocate to actually building the project.

## Accomplishments that we're proud of

For ALL of the members, it was our first ever web development experience! We're proud that we managed to cobble together somewhat resembling a visual representation of the idea we had in mind. We're also proud that we were able to try something we've never done before and experiment with tools outside our comfort zone.

## What we learned

Over the course of 36 hours, we learned new programming languages, libraries, and ways to interpret obscure error messages.

## What's next for Level UP

In the future, we would like to continue developing this product so that it could be a fully working web application. Hopefully...
Discord:

* spicedGG#1470
* jeremy#1472

![patientport logo](https://i.imgur.com/qWsX4Yw.png)

## 💡 Inspiration

As healthcare is continuing to be more interconnected and advanced, patients and healthcare resources will always have to worry about data breaches and the misuses of private information. While healthcare facilities move their databases to third-party providers (Amazon, Google, Microsoft), patients become further distanced from accessing their own medical record history, and the complete infrastructure of healthcare networks are significantly at risk and threatened by malicious actors. Even a single damaging attack on a centralized storage solution can end up revealing much sensitive and revealing data.

To combat this risk, we created Patientport as a decentralized and secure solution for patients to easily view the requests for their medical records and take action on them.

## 💻 What it does

Patientport is a decentralized, secure, and open medical record solution. It is built on the Ethereum blockchain and securely stores all of your medical record requests, responses, and exchanges through smart contracts. Your medical data is encrypted and stored on the blockchain.

By accessing the powerful web application online through <patientport.tech>, the patient can gain access to all these features.

First, on the website, the patient authenticates to the blockchain via MetaMask, and provides the contract address that was provided to them from their primary care provider.

Once they complete these two steps, a user has the ability to view all requests made about their medical record by viewing their “patientport” smart contract that is stored on the blockchain.

For demo purposes, the instance of the Ethereum blockchain that the application connects to is hosted locally.

However, anyone can compile and deploy the smart contracts on the Ethereum mainnet and connect to our web app.

## ⚙️ How we built it

|  |  |
| --- | --- |
| **Application** | **Purpose** |
| React, React Router, Chakra UI
  | Front-end web application
  |
| Ethers, Solidity, MetaMask
  | Blockchain, Smart contracts
  |
| Netlify
  | Hosting
  |
| Figma, undraw.co
  | Design
  |

## 🧠 Challenges we ran into

* Implementation of blockchain and smart contracts was very difficult, especially since the web3.js API was incompatible with the latest version of react, so we had to switch to a new, unfamiliar library, ethers.
* We ran into many bugs and unfamiliar behavior when coding the smart contracts with Solidity due to our lack of experience with it.
* Despite our goals and aspirations for the project, we had to settle to build a viable product quickly within the timeframe.

## 🏅 Accomplishments that we're proud of

* Implementing a working and functioning prototype of our idea
* Designing and developing a minimalist and clean user interface through a new UI library and reusable components with a integrated design
* Working closely with Solidity and MetaMask to make an application that interfaces directly with the Ethereum blockchain
* Creating and deploying smart contracts that communicate with each other and store patient data securely

## 📖 What we learned

* How to work with the blockchain and smart contracts to make decentralized transactions that can accurately record and encrypt/decrypt transactions
* How to work together and collaborate with developers in a remote environment via Github
* How to use React to develop a fully-featured web application that users can access and interact with

## 🚀 What's next for patientport

* Implementing more features, data, and information into patientport via a more robust smart contract and blockchain connections
* Developing a solution for medical professionals to handle their patients’ data with patientport through a simplified interface of the blockchain wallet