Inspiration
Our inspiration was monkeytype.com, a minimalist typing trainer.
What it does
Funkytype presents the user with 50 random, obscure words and the user's task is to type them as fast as possible while minimizing mistakes.
How we built it
We built the website in VSCode using the React.js framework and collaborated through GitHub.
Challenges we ran into
Nobody in our group had any experience with React.js, HTML, or CSS prior to the hackathon. In addition, our experience with GitHub was very limited. It was a bumpy road figuring all these things out for the first time simultaneously. We especially struggled with implementing states in the react framework, but late Saturday night--or rather early Sunday morning--we started to get the hang of them.
Accomplishments that we're proud of
As a group, we are proud to have taken on a task involving concepts and languages previously unknown. As it was our first hackathon, we wanted to do something doable yet out of our comfort zone. Through trial and (much) error, we persevered and ended up with a product--although unfinished--we are proud to put our names on.
What we learned
Of the many things we learned this weekend, perhaps the most valuable was how to work as a collaborative development team. Communicating, creating pull requests (not pushing directly to main!), and dividing work effectively are among the many skills we were able to gain experience in. Additionally, we learned the basics of web development. Things like how to weave javascript into HTML, how to write CSS to make elements look good, and learning how a framework can do much of the heavy lifting for you.
What's next for funkytype
Although we got close to completion, funkytype did not get all the way. We plan on finishing the site by implementing accuracy and words per minute statistics as well as a way for the user to better see their progress when typing. Our end goal is to have a fully developed website without bugs that we are happy to show off on our GitHub pages.
Log in or sign up for Devpost to join the conversation.