Clicknic-Click Like Two Peas in a Pod!

It just takes one click to make a new friend at a virtual picnic!

Comment

Inspiration

One of our team members enjoys going on picnics, but she realized how difficult it was to schedule in-person meetups with her busy friend group. She also wanted to meet new friends online, but was intimidated by apps like Bumble and Hinge.

What it does

Users sign up with Clicknic and enter profile information such as their name, email, phone number, age, and favorite foods. They can scroll through a list of other users and message them through the web app if they are interested in chatting with them. Users can end text conversations at any time for any reason in case they feel uncomfortable. After chatting, if both users wish to schedule an appointment, they can do so on the picnic appointments page. Users pick a date, time, and theme for their picnics. Themes are based off of places where people might have a picnic in real life, such as a beach or a cherry blossom forest.

During the virtual picnic, users will individually go on their own physical picnics and connect with each other through a phone call on Clicknic. They can send pictures of the food they are eating and of their picnic setup. Users do not have to send pictures of their faces if they do not wish to. The picnic theme corresponds to the style of the interface that users interact with on the app during their virtual picnic.

After the picnic is over, the picnic details (picnicker names, the date and time the picnic happened, photos from the picnic, etc.) are saved so that the picnic pals can continue to treasure their memories in the future.

How we built it

We used Flask for the website and SQLAlchemy for the backend, and we used HTML and CSS for the frontend. We registered our domain, clicknic.tech, on domain.com. All of our code is on this Git repository. We created a full mockup of the website with Google Slides.

Challenges we ran into

We wanted to user CockroachDB for the backend, but we ended up using SQLAlchemy instead to save time because we had too many difficulties integrating it with Flask. We intended to use Twilio for the phone call and messaging features, but ran out of time. We also had compiler issues toward the end of the hackathon and had to revert to a version without our registration code.

Accomplishments that we're proud of

We have a beautiful mockup of our site, as well as some working HTML pages.

What we learned

We learned how to develop an app with Flask, some quirks with HTML and CSS, and how to create moving icons.

What's next for Clicknic: Two Peas in a Pod

We want to use CockroachDB as the database and enable users to login using their Google accounts. Additionally, we want to implement full functionality so that users can register and can actually make and have appointments. We also want to finish coding all of our HTML/CSS.

Built With

+ 2 more
Share this project:

Updates