## Project Title: Neighbor Aid – Community Help Exchange Platform ## Project Overview: I want to build a clean, modern, and fully functional web application called **Neighbor Aid**. The platform will allow people in a local community to request help, offer help, and communicate in real-time. The goal is to create a simple but professional product with real-time capabilities using Firebase. --- ## Core Features: ### 1. Authentication * Email/password signup and login using Firebase Authentication * Proper session handling (user remains logged in) * Display logged-in user email on dashboard * Error handling for invalid login/signup --- ### 2. Help Request System * Users can post help requests (text-based) * Store: * Request text * User email * Timestamp * Display all requests in real-time using Firestore * Show message if no requests exist * Clean card-based UI --- ### 3. Real-Time Community Chat * One global chat (no private chat required) * Users can send messages * Messages update instantly using Firestore `onSnapshot` * Auto-scroll to latest message * Show sender email with each message --- ## UI/UX Requirements: * Modern, clean, startup-style design * Color theme: blue, white, light grey * Card-based layout with soft shadows * Fully responsive (mobile + desktop) * Smooth hover effects * Centered login page with professional look --- ## Additional Requirements: * Input validation (no empty fields) * Proper error handling (no alert popups – use UI messages) * Loading indicators where needed * Clean and readable code structure * Basic animations or transitions --- ## Tech Stack (Must Use): * Frontend: HTML, CSS, JavaScript (or React if better) * Backend: Firebase * Firebase Authentication * Firestore Database --- ## Deliverables: * Complete working project * Organized file structure: * index.html * style.css * app.js * Clear instructions to: * Add Firebase config * Run locally * Deploy on GitHub Pages --- ## Important Notes: * The app must be fully functional (auth + real-time features must work correctly) * Code should be simple, clean, and beginner-friendly * Avoid unnecessary complexity * UI should look professional (not basic or plain) --- ## Optional (Nice to Have): * Toast notifications * Improved UI animations * Better dashboard layout * Small UX enhancements --- ## Budget & Timeline: (You can fill this based on your preference) --- ## Final Goal: A clean, professional, real-time community help platform that looks like a startup MVP and works smoothly without bugs. ---