Description as a Tweet:

Everyone has different schedules–it’s hard to meet with old friends and awkward to connect with new strangers. In dining halls, it seems that everyone around you is having a good time. This is why we created MassEats. We don't want anyone to feel alone. Let's eat together!

Inspiration:

The No One Eats Alone Movement inspired this project. Their goal is to "teach students how to make friends and create a culture of belonging." We believe that this sentiment should be extended beyond middle school. Its necessity has been made evident by the pandemic. Hidden behind masks, social distancing, and speaking through a chat box, college students rarely find the opportunity to connect with one another. MassEats expedites such encounters. By taking care of scheduling meals with others, the site allows you to meet and dine with new people every day!

What it does:

Umass Amherst students can create a safe and encrypted account in MassEats. Once registered, they provide information about themselves and preferences for a meal partner. They are then directed to a feed wherein they can see possible meal partners and descriptions (which include name, pronouns, major, and a self-written description). Should they find someone they'd like to get to know better and eat with, they can obtain each other's contact information with the click of a button.

How we built it:

We built this project on the Visual Studio Code IDE. We used HTML, CSS, and JavaScript for the front-end side. We created separate pages with HTML that link to CSS and JavaScript, and later used Flask and Python to navigate between these bars. The structure of the website and its content was created using HTML, and the overall design of the website was made with CSS. Flask and Python were used for the back-end. We created methods and implemented them using HTML. Such methods include creating cookies, an encryption method to store sign-up and login information, and a method to sort people based on schedule compatibility.

The website was built using HTML, CSS, JS, Flask, Python, and bcrypt. Users are able to create an account, log in, and view others' profiles. We used Flask to create password encryption and HTML to transition between pages.

Technologies we used:

  • HTML/CSS
  • Javascript
  • Node.js
  • Python
  • Flask
  • Misc

Challenges we ran into:

All five members of our team are beginners with very little experience. This was our first time creating a full project on our own. As a result, we had to learn an immense amount of information and skills in a mere 24 hours. Creating a fully-functioning website was a huge challenge. We had to learn how to properly format HTML pages and integrate CSS and JS to make it more interactive. Then, we had to implement back-end function along with a database. The database was a large challenge itself, as we had to make sure that the user information was stored, retrieved, and filtered using the database and then printed into the HTML file. We also learned how to use a non-relational database and how to perform many functions on it. Further, in order to verify the safety of our users, we created an encryption algorithm that used the database as well as cookies. Having never used a web framework before and learning how to in such little time proved to be very difficult.

Accomplishments we're proud of:

We are proud to see all that we have achieved as beginner, freshman computer science majors. We are proud of exploring a variety of technologies we hadn't explored before through this project. Although we learned coding all year, we never get the opportunity to implement it. Seeing all of our hard work come to work and just how much we can achieve in 24 hours.

What we've learned:

Completing such a large task greatly improved our programming skills.
Teamwork and communication was essential. We divided ourselves into front-end and back-end groups and communicated between each other to make sure they connect. This Hackathon allowed us to improve these skills. We were also able to improve our web development skills. Prior to this project, we all had minimal to no experience with web development. Still, we were able to utilize our resources to learn how to create a functioning webpage. Lastly, we utilized our experience of creating functions and took it to the next level by creating a functional page with Python.

What's next:

There were many features we wanted to add to our website that we were unable to achieve within the given timeframe. In the future, we would like to expand the preferences/filter list. We also hope to add more features so it will fit all people. For example, instead of only finding people to have lunch with, we can create a roommate algorithm or a study group algorithm.

Built with:

We built this project on the Visual Studio Code IDE. We used HTML, CSS, and JavaScript for the front-end side. We created separate pages with HTML that link to CSS and JavaScript, and later used Flask and Python to navigate between these bars. The structure of the website and its content was created using HTML, and the overall design of the website was made with CSS. Flask and Python were used for the back-end. We created methods and implemented them using HTML. Such methods include creating cookies, an encryption method to store sign-up and login information, and a method to sort people based on schedule compatibility.

The website was built using HTML, CSS, JS, Flask, Python, and bcrypt. Users are able to create an account, log in, and view others' profiles. We used Flask to create a password encryption and HTML to transition between pages.

Prizes we're going for:

  • Fujifilm Instax Mini 11 Instant Film Camera, Sky Blue
  • Cash prizes: $1,000 total to first place team; $500 total to second place team; $200 to third place team
  • Nintendo Switches
  • Apple AirPods 3rd Gen
  • JBL Clip Bluetooth Speakers
  • Bose Headphones
  • $500 total to the winning team
  • Meta Portals

Team Members

Sivan Kandinov
Tiffany Zhang
Anisha Sharda
Ashley Bhandari

Table Number

Table TBD