Inspiration
Our project was inspired by the desire to create an interactive game that can help people relax and calm down. Recognizing the stress and anxiety that many people face in their daily lives, we wanted to develop a game that not only entertains but also serves a therapeutic purpose. By focusing on simple yet engaging gameplay, our aim was to provide a soothing experience that can offer a brief respite from the hustle and bustle of everyday life.
What it does
Our project consists of three cursor-based games that demonstrate the use of CSS and JavaScript. These games are designed to leverage the capabilities of web technologies to create interactive and engaging gameplay experiences.
How we built it
To build our project, we utilized a combination of JavaScript, CSS, and HTML. JavaScript played a crucial role in adding interactivity and handling dynamic content. We used it to manipulate the Document Object Model (DOM), enabling us to create a responsive and user-friendly interface. CSS was essential for styling the webpage, allowing us to design a visually appealing and intuitive layout. It helped us ensure that the project was not only functional but also aesthetically pleasing. HTML was the backbone, structuring the content of our web pages. By integrating these three core web technologies, we were able to build a robust and interactive web application that meets our project's requirements and goals.
Challenges we ran into
One significant challenge we faced was implementing a high score board in the backend of our project. This task required a deeper understanding of data storage and retrieval, and integrating it seamlessly with the user interface. Another notable difficulty was in getting the balls to correctly bounce off the walls in our game. This involved complex physics and geometry calculations to accurately simulate the ball's movement and collision. Overcoming these challenges was a learning experience that enhanced our coding skills and understanding of game development.
Accomplishments that we're proud of
As first-time participants in a hackathon, we are particularly proud of our achievements. Despite being new to this competitive and fast-paced environment, we successfully developed a functional project, learning and applying new skills along the way. Our ability to work as a team under pressure, to adapt and overcome challenges, and to bring our ideas to fruition in a limited timeframe are accomplishments that stand out. This experience has not only enhanced our technical abilities but also boosted our confidence in our problem-solving and collaborative skills.
What we learned
Throughout this project, we gained substantial knowledge in several key areas. We learned how to effectively use CSS, HTML, and JavaScript, which are fundamental technologies for web development. This included understanding layout design with CSS, structuring content with HTML, and adding interactivity with JavaScript. We also familiarized ourselves with using GitHub for version control and collaboration. Importantly, this project was a valuable exercise in teamwork. We learned how to collaborate efficiently, share responsibilities, communicate ideas, and support each other in overcoming challenges. This experience has been immensely educational in both technical and interpersonal skills.
What's next for Team DreamEaters
Looking ahead, our team plans to focus on several key improvements. We aim to update the sprites in our game to enhance visual appeal and player engagement. Implementing a scoreboard is also on our agenda, adding a competitive edge to the gameplay. Additionally, we recognize the importance of learning Node.js for future development. This will enable us to build more sophisticated and scalable applications, including back-end functionalities. These steps are crucial for our growth and the continuous enhancement of our project.
Log in or sign up for Devpost to join the conversation.