ChickenTinder

• 

• 

  group creation

• 

  recipe voting

• 

  ingredient selection

Inspiration

As we reconnect with one another, food often becomes the focal point of our gatherings. Eating out is easy. Time, location, food is agreed upon beforehand and we just need to show up. But how often do we take the time to cook with one another? In this project, we wanted to bring more people together by giving them a better platform to share and organize food nights where they can enjoy each other’s company while cooking. We introduce: ChickenTinder.

What it does

ChickenTinder is a web app built to support users as they organize cooking related social events. A user simply creates a group by specifying the name and date of their event and providing the contact information of the attendees. Each attendee votes on viable recipes and then the group gets matched with one recipe where all attendees can sign up to bring the different ingredients.

How we built it

After building wireframes and prototypes in Figma, we used Javascript for almost everything. The full web stack consists of a node.js express backend combined with socket.io for real time editing between multiple users. JavaScript is also used for animation of the frontend. We were able to send text notifications to the attendees with the Twilio API.

Challenges we ran into

We ran into trouble ensuring that our Tinder swipe interaction was working properly, as we had a variety of issues with the sensitivity and animations of the swipe action as well as the dynamic creation and rendering of the recipe results for any hungry users to swipe through. We also had issues with source control, such as inconsistent linter settings causing a lot of trouble with overwritten code. Finally, we ran into dependency issues, such as Heroku defaulting to an incorrect version of Node.

Accomplishments that we're proud of

We’re proud of coming up with our application name! All jokes aside, we were excited to be able to come together to build an application tackling an issue that we currently face each week. It was exciting to see the application come to life, translating from the mockup to a working interface and integrated backend.

What we learned

As a group, we all gained significant experience working together and defining what features we each would work on at any given time. With so much JavaScript used, we all also gained significant experience working with JavaScript in all parts of the website. One of our team members also spent a lot of time working on an awesome Figma mockup, greatly building their skills along the way. Finally, we registered chickentinder.tech, courtesy of domain.com, which is our entry for best domain and a learning opportunity regarding DNS settings and more.

What's next for ChickenTinder

ChickenTinder can be expanded to provide more social connectivity features. One of the concepts we have in the works is a social feed, in which photos from other ChickenTinder party sessions can be uploaded, viewed, and reacted to. May the best eats win - winner winner, chicken dinner!

Built With

• css
• html
• javascript
• node.js
• twilio