-
-
Smartphone view
-
Desktop View
Inspiration:
The inspiration behind this project was to create a tool that helps participants in hackathons overcome ideation blocks and generates random project ideas to inspire their creativity. I wanted to build a web app that provides project prompts and suggestions to spark innovation and assist participants in finding exciting project ideas for their hackathon submissions.
What it does:
The Hackathon Idea Generator is a web application that generates random project ideas and prompts to inspire participants. It provides a creative heading for the projects, a short subheading, and a brief description of each project idea. Users can click on the "Generate Idea" button to get a new project idea with a corresponding description. The app also includes a "Reset" button to clear the generated idea and start the ideation process again.
How we built it:
The Hackathon Idea Generator web app was built using HTML, CSS, and JavaScript. The HTML structure includes a container for the app's content, input fields, and buttons. CSS was used for styling the user interface, making it responsive, and adding background images. JavaScript was utilized to implement the logic for generating random project ideas and handling user interactions.
Challenges we ran into:
One of the main challenges I encountered was creating a seamless user experience by generating unique project ideas and descriptions that are relevant and inspiring to hackathon participants. Additionally, incorporating the background image and icon seamlessly required careful adjustments to ensure optimal visual appeal. This is my first javascript project which I have built alone, hence I initially faced issues in DOM manipulation.
Accomplishments that we're proud of:
I am proud of successfully implementing the idea generation algorithm that generates a diverse range of project ideas. The seamless integration of the background image and icon enhances the overall user experience. The clean and user-friendly interface of the web app provides an enjoyable and efficient ideation process for participants. The website is responsive across different devices such as smartphones, tablets and laptops.
What we learned:
Throughout the development of the Hackathon Idea Generator, I learned how to manipulate the DOM using JavaScript to dynamically display project ideas and descriptions. I also gained insights into creating responsive user interfaces using CSS and incorporating background images and icons to enhance the visual appeal of a web application. The project taught me valuable skills in web development, idea generation, and user experience design.
Overall, I really enjoyed building this project and I do hope it would be helpful to future hackers. If you liked my work please share your support on Devpost and GitHub.
Log in or sign up for Devpost to join the conversation.