Inspiration
I always liked detective games and movies. I watched one movie where a father was looking for his daughter using her social media. So I decided to make a website with a detective genre.
How we built it
I built my project with VS Code, using HTML, CSS, and JavaScript.
Challenges we ran into
It was hard to implement some features that I had in my head in real life. For example, it took me some time to realise how the loader should work and how to make each puzzle affect the main page.
What it does
This website imitates a social media platform with all the needed features, such as posting, chats, videos, and a marketplace. There are a few images that I used for these purposes. Some icons hide a puzzle, and after you solve a puzzle, the user’s profile changes. After all four existing puzzles are solved, a hidden post will be shown, revealing what really happened to the user. I added a few details that can help viewers see the bigger picture.
Accomplishments that we're proud of
I am proud that I finished this project before the deadline. I implemented most of the things that I planned to implement, although I did have to cancel some of my ideas to make the website more stable. Moreover, I am happy that the functionality of the site is pretty good, considering my skills.
What we learned
I learned more about JavaScript. I knew how to use HTML and CSS, but it was my first experience using JavaScript so much. So, I learned more about coding.
What's next for PuzzleDetective
I think that in the future, I want to implement more features on the website, such as chats and news that can reveal more about the plot. I also want to make the puzzles more appealing and add more puzzle levels.
Built With
- css
- html
- javascript
- vscode
