Inspiration
Our inspiration for this project was iSpy and Where’s Waldo. We wanted to create a user interactive experience while utilizing these core concepts. We decided to make a version where the user has to find a hidden alien in images. These images can be created by usersl, making it more fun and engaging.
What it does
The application allows users to create an account and login. Once logged in, users can create images, play the game, and check the leaderboard. In creating images, users can upload an image, place aliens, and upload it to the game. While playing the game, users will be given a random set of images that have been uploaded and are tasked with finding all the aliens as fast as they can. Finally the leaderboard shows the fastest times in order to complete the set of random images.
How we built it
We built our application using Streamlit, MongoDB, Python, Javascript, and React.
Challenges we ran into
Some of the challenges we ran into were the lack of two-way binding in Streamlit and nested JavaScript inside of our application. To fix this, we developed a React version of our program and were able to incorporate it into the same python file.
The other main issue we had was retrieving our images and incorporating them into the game.
Accomplishments that we're proud of
Accomplishments we were most proud of were learning new libraries and frameworks. As we were familiar with some and new to others, it was a rewarding experience being able to learn more about these languages and how we were able to incorporate them into our project.
What we learned
We learned to use a unique stack consisting of Streamilt, React, and MongoDB. It required us to learn these frameworks and try to build an ecosystem between them in under 24 hours.
What's next for Find My Alien!!!
We would like to finish the implementation of our project with a working version of our game. We would also want to implement more difficulty options to increase the challenge and engagement of our application.
Built With
- javascript
- mongodb
- python
- react
- streamlit
Log in or sign up for Devpost to join the conversation.