Picniic

Landing Page
Creating new events

Inspiration

Three of us are transfer students to UPenn. When we came here, we didn't know anybody and often would walk into the dining halls and realize that once again, we didn't recognize any of the faces. We believe food is a social experience, so we made this web application to help total strangers meet up to become friends over a meal!

What it does

Connect total strangers over food!

How we built it

Using the E and N parts of the MEAN stack (Express and node.js), along with interfacing with Google's Firebase. We built the front end in HTML, CSS, and Javascript as well.

Challenges we ran into

That one stubborn bug that kept us up until late into the night

Accomplishments that we're proud of

Fixing that one stubborn bug that kept us up until late into the night

What we learned

We saw some great technical growth from our newer team members (two of our four team members are first-timers!). With the help of the more experienced pair, they picked up HTML, CSS, Bootstrap, and Git in an incredibly short timeframe and were extremely helpful on the design end. Meanwhile, the more experienced half of our team also learned how to build a web app and interact with databases on the backend.

What's next for Picniic

We'd like to add user accounts so that different users can edit and modify their events, include filters to select certain events, and eventually deploy it so that others can also enjoy the product! I (Leon) have talked to some other people who worked on different teams and they all mentioned interest in using such a webapp, so I'm personally very excited to see where it goes next!

Built With

Submitted to

PennApps XVI

Created by

I worked on the backend, organizing the routes in NodeJS, defining the code structure and developing server-side logic for the application

Yuxiang Dai
This was my first hackathon. I worked on the front end. This was the first time I worked with HTML and CSS and I definitely learned a lot from this experience.

Monal Garg
This is my first hackathon and second coding project that I have ever done! I worked on the front-end development and graphics. I learned so much from this experience.

kyana1234
I had the idea of a hack that would connect people over food and was the one who brought together the three other people who would eventually become my amazing teammates at PennApps XVI. On the technical side, I worked with Yuxiang primarily on the backend, working with Google Firebase, node.js, and Express, although we had plenty of interaction with the more front-end focused members of our team and helped them figure out problems they ran into.

Leon Wu