Findr

Inspiration

Our inspiration for Findr came from the common frustration of losing valuable items and the often inefficient process of trying to get them back. We envisioned a platform that leverages community help and smart technology to make the reunion of lost and found items seamless and secure. We wanted to instill a sense of "Hope Again" for those who have lost something important.

What it does

Findr is a community-driven platform designed to help people find their lost belongings and assist those who have found items in returning them to their rightful owners. Key features include:

• Smart Search: Advanced filtering and AI-powered matching to connect lost items with found items.
• Location Tracking (for reporting): Users can specify the location where an item was lost or found, aiding in more accurate matches.
• Secure Platform: Verified users and secure messaging for safe communication and item exchange.
• Real-time Updates: Notifications when potential matches are identified.

How we built it

Findr was built using the following technologies:

• Frontend: React.js for a dynamic and responsive user interface.
• Styling: Inline styles and CSS-in-JS (via React's style prop) for component-level styling and a cohesive look.
• Navigation: React Router for client-side routing.
• Icons: Lucide React for consistent and scalable vector icons.
• State Management: React's built-in useState hook for managing component state.
• Data Persistence (Client-side): localStorage for basic user session management.
• Typewriter Animation: Custom React useEffect and useState logic to create the dynamic hero text.

Challenges we ran into

During the development of Findr, we faced several challenges:

• Designing an intuitive user flow: Ensuring that both reporting a lost item and posting a found item were straightforward processes.
• Implementing the smart matching algorithm: While not fully detailed here, the concept involved thinking about how to effectively compare descriptions and locations.
• Creating a responsive design: Making sure the platform looked and functioned well across various screen sizes.
• Setting up user authentication and session management: Implementing a basic login/logout system using localStorage.

Accomplishments that we're proud of

We are particularly proud of:

• The clean and user-friendly interface built with React and inline styling.
• The smooth typewriter animation on the landing page hero section.
• The responsive layout that adapts well to different devices.
• The basic user authentication flow allowing for different user states (logged in/out).

What we learned

Through building Findr, we learned:

• The power and flexibility of React hooks for managing state and side effects.
• Techniques for creating responsive web designs.
• Basic principles of user interface and user experience (UI/UX) design.
• How to implement simple client-side authentication.

What's next for Findr

Our future plans for Findr include:

• Developing a robust backend with a database to store lost and found item data persistently.
• Implementing a more sophisticated AI-powered matching algorithm.
• Adding image upload and recognition capabilities.
• Integrating map services for more precise location reporting and visualization.
• Building a proper user account system with profile management.
• Exploring community features like forums or local groups.
• Deploying the platform for real-world use.

Built With

• node.js
• react
• sql