Inspiration
Complementary food is an essential part of any event, especially during extended periods of coding and problem-solving in hackathons. It is the participant's main source of energy, and a well-nourished brain is better equipped to come up with new ideas and solve problems. To us at least, better-appreciated meals can serve as much-needed breaks from the intense focus required during a hackathon, giving participants a better time to recharge and refocus.
What it does
McFoods provides McHacks, or any other event, with a food rating/reviewing web app. On the attendee side, people can rate different food items on a scale from 1 to 5 and leave reviews. The event organizers can then see which foods were popular and should be brought back, and which ones should be left in the past. Analytics such as graphs and charts also help visualize which foods performed the best and how good the food was as a whole.
How we built it
Front-end: NextJS, Tailwind CSS, React-ChartJS-2 Backend: Express, MongoDB
Challenges we ran into
Lack of Red Bull and remembering to take pictures before devouring the food:(
Accomplishments that we're proud of
We are proud of having each other and very thankful for all the participants that helped us in gathering data!
What we learned
In the front-end, we learned a great deal about NextJS and Tailwind CSS, the latter allowing us to save a lot of time when implementing and changing the layout of the webpage. We also learned the importance of effective teamwork when working on a project like this and developed strategies for efficient collaboration, such as clear communication, delegation of tasks, and mutual support (not just on a technical level).
What's next for McFoods
We want to create a signup page to enable event organizers to register their events and customize the look of their event page, as well as to implement a comment feature where attendees can share their thoughts on the available dishes. In the future, we also envision adding catering recommendations via Google Maps API so that event organizers can make more informed food decisions for their next event.
Built With
- express.js
- mongodb
- nextjs
- react-chartjs-2
- tailwindcss



Log in or sign up for Devpost to join the conversation.