Potluck

The landing page
The Log In page
The My Feed page
The Add a Recipe page
The My Bookmarks page

Inspiration

Seeing the growing number of food-related posts on other social media platforms, we realized that there wasn't any platform specifically targeted to those who wanted to post about food and their recipes. We noticed that posts on other platforms were often based simply on the person making the food, rather than connecting people who love food and making it!

What it does

Potluck is a social media platform designed for chefs and home cooks to log and share their recipes, find other recipes, and find other chefs, all in one neatly packaged website!

How we built it

To build Potluck, we used a React frontend and a Flask RESTful API backend. For styling, Bootstrap was used. The React frontend has all the pages and images, while the Flask backend controls any user data, whether writing or reading, to ensure security.

Challenges we ran into

One major challenge for us was getting HTML forms not to redirect, as this would cause issues with the React router we were using. We wracked our brains for quite a white to find a way to do this, but ultimately settled on an empty iframe. For future forms, we decided not to use HTML forms, but instead just inputs and buttons, and this seemed to work much better.

Accomplishments that we're proud of

This was the first time that either of us had created a project that integrated a React frontend and a Flask backend. Integrating the two frameworks took quite a bit of work and was challenging at times, but we were ultimately able to do it.

What we learned

We learned about the way to make a RESTful API with both GET and POST requests, as this was the first time we had done this. We also learned how to create a larger-scale React project, as the projects we had made beforehand in React were quite small overall.