ding! is a web application that generates random words, audio and images to spark ideas for anything- projects, creative writing, or even conversations! By randomising the variety of information out there, we hope to inspire ideas that will make your brain go ding!
We were thinking about what to create for our hackathon project, and many of the ideas we had were remnants of other existing projects we had already seen before. To combat this, we decided to take a “meta” approach, building a project that would help us come up with a project idea. Ding!
Users check off which types of media (words, audio, or images) that they want to see, and enter the number of items they want. The information is generated and displayed, hopefully sparking some ideas for the users. In this GIF, you can see an example of it in action.
- React, CSS/SASS on the frontend
- Express, Node on the backend
- Lorem Picsum, Freesound API to gather data
- Who is this “.eslintcache” that keeps blocking my pushes >:(
- Connecting the backend API calls to the frontend for display
- Dynamic rendering on the frontend
- Building a full stack web application in a short period of time
- Improving our problem solving skills through our implementations
- Having a good time!
For our team members, we all learned something new or improved on a skill, particularly with the technologies/languages we have been using such as JavaScript and the React framework. In addition, with this hackathon being entirely online, communication and teamwork were quite important.
- Tags- being able to generate more specific categories of items
- A social media sharing function to share the information with others
