Quaranchill.us

Landing_new
Matchmaking
Profile details
Profile
Login Authentication

Inspiration

We started with wanting to build a social application for people at risk for mental illness. Due to current events, we wanted to focus on connecting people, and based on our interests, we formed an idea to match people not by what they look, but what they enjoy in film, music, and games. This was the motivation and inspiration behind our creation.

What it does

Quaranchill.us is a web application built for mobile and desktop that presents you with different products at random. The user decides whether they like it or dislike it, and based on that, they are matched with other people with the same interests.

Using that data, we can connect people from around the world to communicate with one another through common interests of entertainment.

Quaranchill provides a friendly way of communicating between matched users with an integrated chat.

How we built it

We built Quaranchill entirely from scratch, and used React.js and Google Firebase (functions, firestore, and hosting).

APIs we used: https://www.themoviedb.org/?language=en-US (movies) https://www.deezer.com (music) https://rawg.io (games)

Challenges we ran into

It was difficult to build a dedicated backend for Quaranchill with phone authentication alone. On top of that, it was difficult to integrate this system to a frontend application, whilst at the same time fetching API calls for the movies, games, and music interests to show to the user.

Accomplishments that we're proud of

We're proud of successfully completing a full-stack application in 24 hours from scratch.

What we learned

We learned that Git can make or break a project, and it is highly important to be on the same page with this.

What's next for Quaranchill

We want to hear feedback from our users!!

Bruno Gracia: Bruno G#8005 Gabe Weinbrenner: Hogo101#1220 Jeremy Santibanez: Jeremy CS#2047 Aaron Perez: AmongStar#0001 (Currently Allushin#0001)

Built With

Submitted to

RowdyHacks 2020

Created by

I designed and worked on the back-end and front-end. Deployed project using Google Functions, Firestore, and Hosting. Built pages and components in React with Material-UI

Bruno E. Gracia Villalobos
Worked with the front end matching page with React.js
Retrieved API data from three sources and concatenated them into one array.

Gabriel Weinbrenner
Former 5th grade line leader and founder of profitable lemonade stand
Worked on front end with reactjs, framework included material-ui, axios API fetcher, as well as utilized material-kit-react to style primary.
UI/UX design with react-router for quick and smooth response.
BREEEEEEEEH

Aaron Perez
Team scrum master, I directed the group based off of concepts established by our overall idea. I designed all logos and icons resembling the application name. I utilized premier pro, played some acoustic guitar and recorded voice audio to create the video detailing our application. I did some front end work as well, it was my first time but definitely a learning experience!

Jeremy Santibanez