Roommate Finder - Frontend

The client-side application for Roommate Finder, built for speed, responsiveness, and a premium user experience.

🛠️ Tech Stack

• Framework: React 19
• Build Tool: Vite
• Styling: Tailwind CSS 4
• Animations: Framer Motion
• Routing: React Router 7
• Auth: Firebase
• Icons: React Icons
• API Client: Axios

🚀 Key Features

• Card-based UI: Modern grid layout for browsing potential roommates.
• Firebase Auth: Secure login and registration.
• Dynamic Filtering: Find roommates based on location, budget, and category.
• Theme Support: Optimized for a premium look.

⚙️ Setup & Installation

1. Install dependencies:

   npm install

2. Configure environment variables in .env:

   VITE_API_URL=your_backend_url
   # Add your Firebase configuration keys here

3. Run locally:

   npm run dev

📦 Build

To create a production build:

npm run build

The output will be in the dist directory.