Please create a mobile app based on below name and description.
The app should be designed with mobile-first principles, optimized for responsive for mobile devices.
Name: Streetfind
Description: The app will be map base app that allow users to pin drop & upload pictures of items (furnitures,clothing,cabinets,kitchen wares. wood scraps, etc) found on the street on the map.
I'll create a mobile-first Streetfind app that allows users to pin drop locations and upload pictures of street finds. This will include a map interface, photo upload functionality, and item categorization.
I've created a mobile-first Streetfind app with the following features:
The app uses placeholder images and simulated map functionality, but provides a complete foundation that could be enhanced with real map integration (like Google Maps or Mapbox) and actual photo upload capabilities.
Create a mobile-first application similar to Craigslist but with a modern, clean UI design. The app should allow users to easily report found items located on public sidewalks or in public spaces. Key features:
User Authentication (sign up, login, profile)
Found item posting with:
Title
Description
Location (with map integration)
Category (e.g., documents, electronics, pets, clothing)
Optional image upload
Estimated time/place found
Modern UI with:
Clean card-based design for listings
Map view for nearby items
Search functionality by location and category
Notifications system for new items near the user
Core Functionality:
Item reporting with geolocation tagging
Nearby search functionality
Item resolution (marking items as found)
User profiles with reported items
The app should prioritize ease of use w/a focus on quickly reporting & finding lost items. The design should be modern with a cohesive color scheme, intuitive navigation, and responsive interactions.
Now I have full context. Let me build the complete app — updating globals.css, layout, and creating all the components.
Now let's wire everything together in page.tsx:
Now update tailwind.config.ts to register the new font variables:
The full Streetfind app is now built across 7 focused component files, a global state store, and a clean theme system. Here's what's included:
Screens & Features:
Design system: Warm amber-orange primary brand color, deep teal accent, Inter + Space Grotesk fonts, rounded-xl cards, a floating + post button in the bottom nav, and mobile-safe padding throughout.