Skip to content

Repository files navigation

Resume Builder Logo

🏠 Habiqua Student Hub

Simplifying Student Accommodation & Rental Management

A modern platform designed to connect students with verified accommodations while empowering property owners to manage listings, inquiries, bookings, and tenant relationships through a streamlined digital experience.


React TypeScript Vite Tailwind CSS Redux Toolkit Framer Motion React Router


📖 Overview

Habiqua Student Hub is a modern accommodation discovery and property management platform built to simplify the rental experience for students while providing property owners with an efficient way to manage listings and inquiries.

The project was conceptualized after observing that students often rely on scattered social media posts, local brokers, and word-of-mouth recommendations to find suitable hostels, PGs, and rental rooms. At the same time, property owners lack a centralized system to showcase available accommodations and efficiently manage inquiries.

Habiqua bridges this gap by providing a unified platform where students can discover verified accommodations, compare options, communicate with owners, and manage bookings through an intuitive digital experience.

The project focuses on user experience, scalability, and maintainable architecture, making it suitable for future expansion into a complete rental ecosystem.


🎯 Project Objectives

  • Simplify student accommodation discovery.
  • Provide verified property listings.
  • Improve communication between students and property owners.
  • Digitize inquiry and booking workflows.
  • Reduce dependency on local brokers.
  • Create an intuitive and mobile-first user experience.
  • Build a scalable foundation for future marketplace features.

✨ Core Features

👨‍🎓 Student Portal

  • User Registration & Authentication
  • Personalized Dashboard
  • Property Search
  • Advanced Filtering
  • Wishlist Management
  • Property Details
  • Photo Gallery
  • Inquiry Management
  • Booking Requests
  • Responsive Mobile Experience

🏢 Property Owner Portal

  • Owner Dashboard
  • Property Management
  • Room Management
  • Listing Creation
  • Availability Updates
  • Inquiry Tracking
  • Booking Management
  • Tenant Overview
  • Profile Management

🔍 Property Discovery

  • Smart Search
  • Location-based Listings
  • Property Categories
  • Rent Comparison
  • Room Availability
  • Amenities Display
  • Image Galleries
  • Contact Information

📊 Dashboard

  • Booking Overview
  • Recent Activities
  • Property Statistics
  • Inquiry Analytics
  • Occupancy Tracking
  • Performance Insights

🏗️ Project Architecture

The application follows a modular and component-driven frontend architecture.

src/
├── components/
├── pages/
├── layouts/
├── hooks/
├── services/
├── store/
├── routes/
├── constants/
├── assets/
├── utils/
└── types/

The architecture emphasizes:

  • Separation of concerns
  • Reusable UI components
  • Scalable folder structure
  • Maintainable state management
  • Modular development

💡 Key Highlights

  • Modern marketplace-style interface
  • Responsive design for all devices
  • Clean component architecture
  • Reusable UI system
  • Scalable application structure
  • Optimized user experience
  • Performance-focused frontend
  • Future-ready architecture

🛠 Technology Stack

Frontend

  • React.js
  • TypeScript
  • Vite
  • Tailwind CSS
  • Redux Toolkit
  • React Router
  • Framer Motion

UI & Design

  • Responsive Design
  • Mobile First
  • Component-based Architecture
  • Modern Dashboard Design
  • Reusable UI Components

Development Tools

  • Git
  • GitHub
  • VS Code
  • npm

🎨 Design Principles

The UI was designed with the following principles:

  • Clean Interface
  • Minimal Design
  • Mobile-first Layout
  • Fast Navigation
  • Accessibility
  • Consistent Components
  • Easy User Journey
  • High Readability

🚀 Future Roadmap

The platform is designed to support future enhancements, including:

  • Online Booking
  • Digital Rental Agreements
  • Payment Integration
  • Student Verification
  • Owner Verification
  • Reviews & Ratings
  • Chat System
  • Notifications
  • Admin Dashboard
  • Analytics
  • AI-powered Property Recommendations
  • Multi-city Expansion

📚 What I Learned

Developing Habiqua Student Hub strengthened my understanding of:

  • Marketplace application architecture
  • Product planning
  • User experience design
  • Component-driven development
  • State management
  • Responsive frontend engineering
  • Dashboard design
  • Scalable application structure
  • Requirement analysis
  • Product thinking

👨‍💻 My Contribution

As the sole developer, I was responsible for:

  • Product research
  • Requirement gathering
  • UX planning
  • UI design
  • Application architecture
  • Frontend development
  • State management
  • Responsive implementation
  • Component library creation
  • Routing architecture
  • Project structure
  • Performance optimization

📈 Project Status

Status: Prototype / MVP

Habiqua Student Hub is currently developed as a functional prototype to validate product workflows, user experience, and marketplace interactions. The architecture has been designed with scalability in mind, providing a strong foundation for future backend integration, booking systems, authentication, and additional business features.


📬 Contact

If you'd like to discuss this project, collaborate on similar products, or explore opportunities in full-stack development, feel free to connect.

Developer: Ashok Kumar

Role: Backend-Focused Full Stack Developer


⭐ If you found this project interesting, consider giving it a star!

Built with ❤️ using React & TypeScript

About

Designed a SaaS-based student accommodation platform to simplify room discovery, booking, and property management for students and property owners. The project focused on solving fragmented rental workflows through a structured digital platform.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages