-
The landing page for the Coke Vote website
-
The resulting graph showing responses
-
Coca-Cola Logo
Inspiration
An enthusiastic member of our team wanted to share their love for Coca-Cola products with the world! Their passion for all the unique flavors inspired us to create a fun and interactive way to connect with others who love Coke.
What it does
Coke Vote is a website where users can vote on their favorite Coca-Cola flavors and instantly see the results displayed on an interactive chart. It's a fun way to explore global preferences and spark discussions around everyone’s go-to Coke pick!
How we built it
We built Coke Vote using:
- Frontend: HTML, CSS, and JavaScript to design a visually appealing and responsive interface.
- Backend: Express.js to handle server-side operations, storing user votes in a MySQL database.
- Data Visualization: Charts.js was used to create a dynamic and interactive bar chart displaying the voting results.
Challenges we ran into
- Connecting user inputs to the database and dynamically updating the chart was trickier than expected, but it taught us valuable lessons about asynchronous operations.
- For many of us, this was our first time programming so there was a steep learning curve for the frontend/backend technologies.
- We experienced firewall issues when we attempted connect the database to the cloud.
Accomplishments that we're proud of
- Successfully building a polished and functional polling site in such a short amount of time.
- Integrating live data updates into an interactive chart, creating a seamless user experience.
- Collaborating as a team and leveraging each other’s strengths, even when challenges arose.
What we learned
- Communication and task delegation were key to getting everything done efficiently.
- We learned how to use Charts.js for creating visually appealing graphs and gained hands-on experience with backend/frontend integration.
- Numerous new frontend/backend technologies for us
What's next for Coke Vote!
- Including international Coke flavors and other beverage categories for broader engagement.
- Allowing users to share their votes and the results on social media to spark conversations.
- Creating a mobile app version for Coke Vote! to make the experience even more accessible and convenient.
Log in or sign up for Devpost to join the conversation.