-
-
Home Page
-
Question Page
-
Answer Page: Wrong
-
Answer Page: Correct
-
Retry Page
-
Contact Page
Inspiration
The inspiration behind Celebtweets originated when one monotonous day at school, one of our team members decided to play Geoguessr, a browser game that uses Street View API from Google Maps. When we saw the theme of Freyhacks, we realized that students have lots of free time during the summer, and games like Geoguessr can cure them of their boredom. With the knowledge that many companies provide APIs that connect with their products, we decided to use Twitter’s open API to make Celebtweets.
What it does
Celebtweets is a fun and interactive web based game that shows players the body of a randomly generated tweet with the objective of guessing who tweeted it. Tweets are randomly generated from a diverse database of users ranging from famous athletes all the way to politicians. To play, simply pick your game mode, classic, where you are shown tweets from celebrities, or friend mode. You will then be directed towards the game screen where you can start playing!
How we built it
As Celebtweets is a web-based game, we used HTML as the skeleton structure for our website. In addition, we used CSS for a cleaner and more organized look in the overall form of our website, such as adding images and centering buttons. As for our backend, we implemented Javascript to use Twitter’s open API to take randomized tweets from a set list of popular users and added the tweets to our own RESTful API created using express.js. Whenever the user wants to play, our front end Javascript calls our API to bring up the tweets to display
Challenges we ran into
Over the past 48 hours, we faced various issues, mainly relating to the overall implementation of CSS and HTML to make our website presentable and pleasing to the eye. Since this was our first time creating a website using these tools, we had to learn most of the documentation from scratch. Furthermore, we realized that Twitter’s API could not let us directly connect the pulled tweets to our frontend interface. This problem forced us to create our own API so that we could connect the ends. Our team also found collaboration more difficult due to the virtual nature of this hackathon and our lack of experience with Github.
Accomplishments that we're proud of
After completing Freyhacks, our team is extremely proud that we managed to create our first ever functioning full stack web application in less than 48 hours. Coming from a team with no experience in the languages used in web development, completing an entire web application is a huge achievement for our learning. Along with making our own website, we are also proud that we implemented various backend attributes, such as creating our own API when we realized that Twitter’s API could not be directly linked to our frontend.
What we learned
Over the course of the hackathon, we learned how to build and deploy a full-stack web application from scratch with no prior experience. Namely, we learned how to build a RESTful API with the Express.js framework, along with a stylish frontend using HTML, CSS and Javascript. Finally, we learned how to make GET requests to the Twitter API and our very own RESTful API in order to power our game.
What's next for CelebTweets
Our future goals for CelebTweets is mainly focused on more interaction between different users. Such functionality includes adding a global scoreboard so that our players can see how knowledgeable they are compared to others. Furthermore, as CelebTweets is a game that is meant to be played with friends, we are planning to implement a friend list so that you can connect with your friends virtually.
Log in or sign up for Devpost to join the conversation.