https://github.com/syedmahib/crib-connect

A modern roommate and housing finder web app built with React and Tailwind CSS. Designed to help users seamlessly discover and connect with potential roommates or shared living spaces.
https://github.com/syedmahib/crib-connect

firebase javascript nodejs react tainwindcss

Last synced: about 1 month ago
JSON representation

A modern roommate and housing finder web app built with React and Tailwind CSS. Designed to help users seamlessly discover and connect with potential roommates or shared living spaces.

• Host: GitHub
• URL: https://github.com/syedmahib/crib-connect
• Owner: SyedMahib
• Created: 2025-06-25T11:43:27.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-06-27T12:26:31.000Z (11 months ago)
• Last Synced: 2025-06-27T12:33:39.211Z (11 months ago)
• Topics: firebase, javascript, nodejs, react, tainwindcss
• Language: JavaScript
• Homepage: https://crib-connect.netlify.app
• Size: 41.7 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🏠 CribConnect

A modern roommate and housing finder web app built with **React** and **Tailwind CSS**. Designed to help users seamlessly discover and connect with potential roommates or shared living spaces.

🌐 Live Demo: [crib-connect.netlify.app](https://crib-connect.netlify.app)

---

## ✨ Features

- 🔍 **Room & Roommate Listings** – Search and explore available rooms and roommates.

- 📝 **Registration & Login** – Secure user authentication using Firebase.

- 📸 **Image Gallery** – Clean, scrollable Swiper gallery for listings.

- 🎯 **Interactive UI** – Smooth animations, tooltips, and alerts.

- 📱 **Responsive Design** – Fully optimized for mobile and desktop.

---

## ⚙️ Tech Stack

| Tech                | Usage                           |

|---------------------|----------------------------------|

| **React 19**        | Frontend framework              |

| **Tailwind CSS 4**  | Styling and responsive design   |

| **Firebase**        | Authentication & backend        |

| **React Router 7**  | Client-side routing              |

| **Swiper**          | Carousel for banners/gallery     |

| **SweetAlert2**     | Stylish alerts and modals        |

| **React Tooltip**   | Tooltips and hover effects       |

| **React Icons**     | Iconography                     |

| **Typewriter**      | Typing effect animations         |

---

## 🚀 Getting Started (Local Development)

```bash

# Clone the repository

git clone https://github.com/your-username/cribconnect.git

cd cribconnect

# Install dependencies

npm install

# Run the development server

npm run dev