Back to Projects
BasaFinder - Smart Rental & Housing Solution
A modern, full-stack rental housing platform built for landlords, tenants, and admins.
FREELANCEBuilt during: Full Stack Developer
Project Overview
BasaFinder is a smart rental web application that connects landlords, tenants, and admins in one seamless platform.
This client-side application is developed using Next.js and TypeScript, focused on performance, usability, and responsive design.
The platform aims to simplify the process of finding and managing rental properties with a clean UI/UX.
Key Features
- Role-based Authentication — JWT-based secure login for Landlords, Tenants, and Admins.
- Smart Search & Filters — Users can browse, search, and filter rental listings easily.
- Listing Management — Landlords can seamlessly create, edit, and delete their property listings.
- Rental Requests — Tenants can submit rental requests directly through the platform.
- Integrated Payments — Payment options appear automatically after a rental request is approved.
- Admin Dashboard — Centralized control for admins to manage all users and listings.
- Email Notifications — Automated alerts for important actions and updates.
Technical Highlights
- Next.js Framework — Leveraged for SEO-friendly server-side rendering and dynamic routing.
- TypeScript Implementation — Ensures type safety and robust code structure across the application.
- Form Validation — Robust client-side validation using React Hook Form paired with Zod.
- State Management — Efficient data flow using React Context API and local state.
Challenges & Solutions
Challenge: Managing complex form states for property listings with multiple image uploads.
Solution: Implemented React Hook Form with Zod for robust validation, and created a custom hook to handle file uploads and previews seamlessly.
Result: A smooth, error-free listing creation process that significantly improved the landlord user experience.
Tech Stack Breakdown
frontend
Next.js, React, TypeScript, Tailwind CSS
backend
Node.js, Express (Backend API)
database
MongoDB (Backend)
tools
React Hook Form, Zod, react-hot-toast, Git