Build "Wattspot" — a peer-to-peer EV charger rental marketplace demo app (no authentication required).
Tech & Design:
- React + TypeScript + Tailwind CSS + Framer Motion
- Dark-mode-first design with an "electric green" (#22c55e / HSL 142 71% 45%) accent color
- Glassmorphism cards (semi-transparent backgrounds + backdrop blur + subtle borders)
- Fonts: "Space Grotesk" for headings, "Inter" for body text
- Glowing green box-shadows on primary buttons and featured elements
- Dot-pattern overlays and gradient backgrounds for depth
Pages:
- Landing Page (/): Fixed nav with logo + links. Hero section with a background image, headline "Your driveway is the next charging station", subtitle about renting home EV chargers, and two CTAs ("Find a Charger" + "List Your Charger"). Animated stats bar (12,400+ chargers, 89,000+ drivers, $2.4M host earnings, 4.9★ rating). Features grid (6 cards with icons: fast listing, nearby search, smart scheduling, auto payments, built-in trust, neighbourhood networks). "How it works" 3-step section. Final CTA card with glow border. Simple footer.
- Browse Page (/browse): Search bar at top. Filter chips for connector type (All, J1772, Tesla NACS, CCS) and availability toggle. Grid of charger cards showing: host avatar/name/rating, address, distance, connector type badge, power level, price per kWh, availability status (green "Available" or amber "Next slot: [time]"), and amenity tags. Cards link to detail page.
- Charger Detail Page (/charger/:id): Back button. Large header area with host info (avatar, name, rating, review count, verified badge). Charger specs (connector, power, pricing). Amenities list. Booking panel: duration selector (1h, 2h, 4h, 8h buttons), cost breakdown showing (price × power × hours + access fee = total), and "Book Now" button that triggers a success toast. Reviews section with star ratings and comments. 4 dummy reviews included.
Dummy Data: 6 charger listings with varied hosts, Bay Area addresses (Oakland Hills, Berkeley, Rockridge, Temescal, Piedmont, Montclair), mix of J1772/Tesla NACS/CCS connectors, Level 2 power (7.2–11.5 kW), prices $0.15–$0.25/kWh, access fees $1.50–$3.50, different amenities, and 1 or 2 marked as unavailable with next-slot times.
Booking cost formula: (pricePerKwh × chargerPowerKW × durationHours) + accessFee
Key UX: Fully mobile responsive. All animations use Framer Motion fade-up on scroll. No auth — everything is immediately explorable. Toast notifications for booking confirmation. Smooth page transitions.