Organizing the party
Entering the party
Party layout, where you can see where people are in the house.
Mock up: screen when entering a room. When entering the living room, for example, people can chat and watch a slideshow together.
Party agenda. For the future, we want an announcement function where party organizer can remind people when activities are happening.
PARTEON - Where parties are never called off. The party is on.
The pandemic has been going on for a whole year. Every single one of us has had a birthday celebrated through Zoom, attended virtual dance parties, and came to online games more than ever before.
However, it can be a challenge to organize a celebration. "How do you keep people engaged?" "What kinds of activities you can organize?" And most importantly, "How do you make the celebrations memorable?" This is our inspiration to create Parteon, a platform where you can plan, organize tasks, and have immersive experiences for your birthday celebrations.
What it does
Parteon helps you with every stage of a celebration.
- Pre-celebration: Parteon helps you organize different components of a virtual celebration (open cards, create music playlists, organize boardgames) and split the tasks among other organizers.
- During-celebration: In Parteon, the users will enter a "room," just like how one will go to a house party. In the room, the users can video chat and join in activities with one another like watching photos slides and playing board games. There is also an agenda to keep everyone engaged and be present in the activities. With these feature, Parteon is replicating the real experiences of the a birthday celebrations as much as possible.
- Post-celebration: The platform allows users to send in photos of the celebrations and store in the platform so the users can always go back and look at the photos.
How we built it
Tools and Framework: React JS, HTML, CSS, Figma, Github
Brainstorming and prototyping:
- We started out thinking about the ideas by thinking of what products we would love to have at the moment and built upon each other’s ideas to come up with the initial idea of a virtual celebration platform
- We thought of the key features of the app by thinking about what components of in-person celebrations we miss the most.
- We wireframed the platform through sketching, then developed the prototype using Figma. As we developed, we discussed further how we would like the user interface and user flow to be. Since none of us had used Figma before, it was quite a steep learning curve at the beginning, yet we are very proud of where we got to with the prototype.
- Email/Password authentication
- Profile set up
- Task assignments for a team
- Group video call
- Simulating a virtual room
- Used google firebase for authentication with email/password
- Used Daily API for video conference
- Used Google login API
- Use react JS and CSS to build the website
Challenges we ran into
- We struggled to find and decide on which resources to use for authentication, and video call.
- We were all new to Figma and needed a lot of tutorials at the beginning, but we all now fell in love with the platform!
- Two of us were beginners in coding - it was the first time we worked on CSS codes. We needed a lot of help from our computer science teammate besides reading tutorials. Under the time constraint of the Hackathon, it was sometimes difficult to learn under pressure.
Accomplishments that we're proud of
- Our two non-coder members have a chance to learn more about technical tools such as CSS and React - we learned a lot in this hackathon
- We are very proud of our product idea - it is something we would definitely use ourselves, and many of our friends were very excited when they heard of this idea. Even though out technical skills did not allow us to build all the features we thought of, we are proud to have come up with some creative ideas
- We all have a strong love for building products, and we all appreciate the technical knowledge in building products now. After the hackathon, we will definitely seek more chances to learn more about web development and product development.
What we learned
- How to develop a video chat application using Daily API
- Authenticate our application using google firebase and google cloud firestore database
- Important web development production steps from designing, prototyping to developing the application
- All about collaborating using Git (for our beginners)
- Making a static page with CSS (for our beginners)
- Team Work: To work as a team and listen to each other’s ideas.
What's next for Parteon
We want to build a community on Parteon, so the next steps would be focusing more on building the users' databases, where it will show one's hobbies, interests, and wishlists for others to prepare for their birthdays.
We want to make Parteon a platform for organizing other virtual celebrations other than birthday parties, and to larger audiences than a group of friends. It can be graduation ceremonies for schools, to year-end celebrations for big companies.