Lost&Found
- 12 Devlogs
- 20 Total hours
Its an efficient and effective; easy to use platform for people to get back their lost valueables.
Its an efficient and effective; easy to use platform for people to get back their lost valueables.
it seems the css wasnt responding well in feed page after the hosting.
took me some time but i’ve fixed the code and it works as expected now :)
just improved the Readme a bit
nothing much nothing more
showed for review and now adjusted as per the recommendations.
Now the next thing is finally the shipping of project
Optimistic to hear your says on this😄😄
I spent some time cleaning up the frontend code and styles to make the app faster and easier to maintain.
Split up bloated pages: Broke down massive files like Item Detail, Recovery Requests, Feed, and Navbar into smaller subcomponents (modals, media previews, contact info, filters). Now editing one UI block won’t risk breaking the whole page.
Fixed React state quirks: Switched Feed categories to derive directly with useMemo to skip extra re-renders, fixed initial edit form state, and added cleanup guards on API calls so navigating away doesn’t trigger memory leak warnings.
Cleaned up the CSS: Replaced duplicated skeleton loaders and empty-state styles across 5 files with shared rules in index.css. Swapped hardcoded colors and overlays across all stylesheets for theme tokens so dark and light modes behave properly everywhere.
Finally got the main workflow of Lost&Found working!
The posting flow and matching system are connected now, so users can actually post lost or found items and the backend can go through the matching logic to find possible matches. I also finished up the remaining bits around resolving cases, notifications, and the other backend connections.
I’ve now made the project deployable too. The frontend is hosted on Vercel and the backend is running on Render, and I’ve connected the two so the live app can actually communicate with the backend.
There are obviously still things I can improve later, but for now the main workflow is working properly and the project is finally ready to ship.
Been working on connecting the rest of the backend now.
I got the resolving part done so when someone gets their item back, they can mark the case as resolved and it gets taken out of the active feed instead of sitting there like it’s still available. I also worked on the privacy policy agreement during signup, making sure that gets properly handled instead of just being a checkbox that does nothing.
Apart from that I’ve connected the remaining reports, notifications, matching and user posts so they all actually talk to the backend properly. Most of the main stuff is pretty much done now, just a few small things left to fix and test.
After that it should finally be ready to ship. Next devlog is basically going to be getting everything ready for deployment😋
FINALLLLYY
I’ve worked on the matching system. This is what the whole app was all about tbh.
The backend compares lost and found posts instead of just showing everything as a possible match. It looks at things like the item category, description/details, location, and dates, so a lost wallet and a found wallet in a completely different place or with an impossible date won’t just get treated the same. I’m also working on the backend logic that calculates these matches and sends the relevant results back to the frontend.
A certain kinda post and match is successfully tested and its GREEN > <
but there’s still some testing to do with different combinations of posts and I’m not confident about it yet :’(
I’ve started working more on the backend! This time I focused on the lost and found reporting system, making sure the reports actually get sent through the API and saved properly in MongoDB. Each report is linked to the user who created it, along with things like the category, description, location, date, and image info. I also added some validation so the backend doesn’t just accept whatever the frontend sends. There were a few annoying little issues between the form, authentication, API and database, but I’ve got the main flow working now.
This time I worked on adding light and dark mode. Previously the button was just sitting there doing nothing.
Now the app can adapt to the user’s system theme instead of forcing them to pick one manually. If someone has their device set to dark mode, Lost&Found can follow that preference, while still giving them the option to switch between light and dark mode themselves.
Still doing some small tweaks here and there, but this might be the final goodbye to frontend now
Today I worked on the admin dashboard.
The idea behind it is to give me a simple overview of what’s happening across the platform instead of having to dig through individual reports.
It includes stats for total lost reports, found reports, resolved cases, recovery rate, average resolution time, and the most common item categories.
It doesn’t look the best but works for now..
Okay the progress is
I made a few changes and improvements across the app to make the main user flow feel more complete. Up untill now was just the frontend part.
I’ve also started working on the backend side of things, connecting the frontend features with the actual application logic and getting the necessary API functionality in place.
There’s still quite a bit to connect and test, but the project is gradually moving from just having separate features to having everything work together as one proper application.
I spent this session working on more of the Lost&Found frontend. I worked on the news feed, the UI for reporting both lost and found items, and the notifications frontend.
One thing I also noticed with Stardance: when I linked my other Hackatime projects (i was working on separate directories for client and server side) to this project, their tracked time got added to the time shown on my previous devlog. My first devlog originally showed around 1 hour, but after linking those projects it changed to 6h . It didn’t work like that previously on Flavortown.
Other than that, the frontend is coming together and I’m getting closer to having the main Lost → Match → Notification flow fully connected.
I’m working on a web-app which I’ve named ‘Lost&Found’.
As the name suggests, it’s a community help oriented, supportive, efficient and easy to use application which people can hop onto to search for their lost belongings. The idea is to create match between lost items and found items based on their descriptions and filters to finally get a confidence match score of whether the item is actually the one the user is looking for ( basically checking if lost-item = found-item )
For now, the actual countable work i’ve done is created a few icons for the web_app and finalised on one which is followed by same favicon.