I am building a lost and found website where users can report lost and found items.
Used Copilot for autocomplete, and Kilo Code for debugging visual issues.
I build Traceback a website for users to submit lost and found items for recovery! It won 3rd place at SLC FBLA in Utah! It was super tricky and my first Full Stack website I built! I am super proud of the language translation features I made.
Ok, so the website is finished! We presented it at FBLA State and took 3rd Place! It’s not as good as I had hoped, but I guess it just shows that it’s not just the website that makes you win, it’s the presentation as well.
In the end, we made some minor visual changes, but it was basically done in the last devlog anyway.
Thanks to anyone who helped with the project, like testing and stuff!
We used this slide show as another visual aid for our presentation: https://www.canva.com/design/DAG_jsjM0fk/tMnAyFJ4LYoUdREDbw9MJA/edit?utm_content=DAG_jsjM0fk&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton
Log in to leave a comment
Sorry this devlog took longer than expected here is the summary:
The biggest addition was building out the lost and found item flows. Both reporting systems now have full forms with tags, locations, image uploads, and filtering so users can actually post and search items properly. (The first one was hard then just copy paste pretty much lol)
There was also a lot of UI polish: cleaner navigation, improved buttons and interactions, and fixes for mobile layouts so pages don’t get cramped.
The site now supports dark and light mode as well as multi-language support.
On the backend side, everything is now connected to Appwrite for authentication, listings, and image storage.
Overall this phase was mostly about finishing core features and turning the project into something that feels like a complete application rather than just a collection of pages.
Its basically done at this point and just in time too competition next week!
Log in to leave a comment
We are getting close to finishing the home page! I had Kilo Code make me a CSS and HTML issue file that highlighted mostly css inconsistencies in the codebase like variables and padding vs margin. Using this file I went through and updated the codebase, the biggest changes where the hero island, and button animations.
The site is almost ready for the next pages to be added!
Log in to leave a comment
I spent quite a bit of time working on the CSS and home page. The navigation is pretty great now, but I am having a big issue where none of the CSS, JS, or some images are loading on the GitHub Pages deployment, making it hard to share.
Another thing I did was find a video to replace the hero image to make the site better and more engaging.
Next, I plan to work on the rest of the home page, which I expect to take around 2-3 hours and be done before the weekend.
If anyone knows how to fix this issue, let me know!
Log in to leave a comment
I had to step away from this project for some time for school. But now I am back with a whole new plan! We chose a color palette and made a Figma design this time around, I started on the HTML, and CSS today as well as made a rough first draft of our logo which I attached.
If anyone has any good name ideas for a lost and found website please comment them!
Log in to leave a comment
I am building a lost and found website that will let users report lost and found items. This is a challenge so I can learn full stack web dev. I started with the layout and styling. I am building mobile first and then updating desktop as I go. I used the normalize css file to keep the layouts the same across browsers.
Log in to leave a comment