-
-
The user interface when the project is launched.
-
The user interface when the project is launched. The submit answer button is disabled until text is inputted.
-
The message displayed when an answer is correct.
-
The message displayed when the answer is incorrect.
-
The score counter keeps track of questions asked, correct answers, incorrect answers and skipped questions.
Inspiration
I have always been interested in learning the flags of countries around the world, but I never seemed to have a place to learn them. This trivia game allows the user to familiarize themselves with the flags of the world with ease.
What it does
This project displays a random country flag and allows the user to guess the country.
How I built it
I built this project using CSS, HTML and Javascript, specifically using the React library.
Challenges I ran into
I have never used CSS, HTML or Javascript before, so I ran into a lot of problems throughout the day. I had to do a lot of self learning in a short period of time, which was quite challenging. I have previous experience using Java and Python, but the three languages I used were very different from what I have done before. Although the core principles are the same, I had to learn a lot of formatting and functionality to complete this project.
Accomplishments that I'm proud of
I am very proud of myself for being able to create this project in such a short amount of time. It was definitely a challenge for me because of my lack of knowledge in the languages I used. I'm proud of myself for being ambitious and trying something I have never done before. I definitely gained a lot of knowledge that I will be able to use throughout my future.
What I learned
Since I had no experience with Javascript, CSS or HTML when I started this project, I was able to learn a lot throughout the day. I was able to learn the basics of these languages to create a project I'm proud of. One of the main skills I learned is how to format the user interface with HTML and CSS. I have always wanted to learn front end but I have never had the opportunity previously. I also learned how Javascript works and how to code a variety of functions and commands in Javascript. I can't wait to expand on the skills I have learned today by continuing to improve this project, as well as by creating new projects in the future.
What's next for Guess The Flag
My next steps for this project are to add different modes of gameplay and to improve the user interface. My final goal is to have an infinite question mode, a multiple choice mode and a timed mode where the user has a certain amount of time to answer. As I learn more CSS and HTML, I plan to enhance the user experience by creating a more functional and aesthetically pleasing user interface.
Thank you for the great hackathon!

Log in or sign up for Devpost to join the conversation.