Roomie is a web app designed to help people find the perfect roommates easily. Built from scratch using modern technologies, it provides a seamless experience for users to register, view, update, and manage roommate listings, with gender-based filtering and list management features.
- User Registration & Login – Secure login to manage your data.
- Gender-Based Filtering – Male users see male roommates, female users see female roommates.
- Add Roommates to Your List – Prevent duplicates automatically.
- Edit & Delete Entries – Manage your listings in real-time.
- Slot Management – Deleted roommates become available for others.
- Responsive Design – Works flawlessly on mobile, tablet, and desktop.
- Fully Designed by Me – Frontend to backend development handled end-to-end.
| Frontend | Backend | Database | Hosting/Auth |
|---|---|---|---|
| React JS | Express JS | MongoDB | Firebase |
| TailwindCSS | Node.js | ||
| React Router | |||
| SweetAlert |
- Live App: Roomie Live
- Server: Roomie Server
- GitHub Repositories: Roomie Client & Server
- Clone the repository:
git clone https://github.com/rakibul263/roomie-client.git
git clone https://github.com/rakibul263/roomie-server.git- Install dependencies:
cd roomie-client
npm install
cd ../roomie-server
npm install- Run the application:
cd roomie-client
npm start
cd ../roomie-server
npm start- Open your browser:
-Client: http://localhost:5173/ -Server: http://localhost:5000