CLIENT PROJECT · REAL ESTATE WEB APPLICATION

GrihoDeal

Turning a regional property brand into a digital destination for searching, presenting, and managing property listings.

Client
Gopal Barui
Category
Real Estate · Full-Stack Web Application
Deliverable
web app
Visit grihodeal.netlify.app (opens in a new tab)
SCREEN RECORDING OF THE DELIVERED WEBSITEMUTED · LOOPS WHILE IN VIEW

Bringing West Bengal property discovery into one digital experience.

IN ONE LINE

Delivered GrihoDeal, a bilingual property-platform experience for West Bengal with location-based discovery, structured listing pages, authenticated property management, and enquiry options.

AT A GLANCE

Brand
GrihoDeal (গৃহ ডিল)
Industry
Real estate and property services
Project category
Responsive property marketplace / web application
Primary market
West Bengal, India
Current status
Public site live; homepage inspected on 9 November 2026
Hosting
Netlify
Implementation
React, TypeScript, Vite, Tailwind CSS, shadcn/ui, and Supabase (confirmed in the project source)
00

Overview

GrihoDeal is a regional real-estate platform associated with Gopal Barui, whose public-facing brand emphasizes finding homes in West Bengal. The project delivers a live website with a Bengal-inspired visual identity, location-first property search, and routes for browsing properties, learning about the brand, and contacting the team. The underlying application also implements searchable property records, detail pages with images and amenities, English/Bengali interface copy, authenticated profile and listing management, and enquiry submission workflows. Its architecture uses a React/TypeScript frontend, Supabase services, and Netlify deployment. At review, the homepage's featured-property section displayed an empty state. The concrete outcome is an accessible, extensible property-platform foundation—not a substantiated claim of marketplace traction, verified property inventory, or closed deals.

01

Client and Context

About the client

Gopal Barui (opens in a new tab) is the client identified for this delivery. The GrihoDeal site's dedicated links-page implementation presents him as Founder & CEO. The project itself is branded GrihoDeal / গৃহ ডিল, with a Kolkata contact address and messaging focused on buyers, sellers, renters, and local real-estate discovery across West Bengal.

The client's detailed professional history, company registration status, and operational team structure were not confirmed and are not represented here.

Business context

Real-estate discovery involves varied search intents: a buyer may know their desired city, a renter may be comparing prices or housing types, and a property owner or broker may need a structured way to present inventory. GrihoDeal addresses these activities through a single branded application instead of a disconnected collection of property posts and contact links.

The live homepage explicitly targets West Bengal and gives quick access to Kolkata, Howrah, Siliguri, and Durgapur. The About-page implementation positions the brand around trust, community, service, and Bengali cultural identity.

Why this project mattered

The observable product opportunity was to create a regional real-estate presence that could support both property discovery and listing operations. This is a description of the delivered solution's function, not a quotation from an undocumented client brief or a claim about the client's original purchasing trigger.

02

The Starting Point

Product problem addressed

The completed product is structured around three practical needs:

  • Discovery: Give prospective buyers and renters a searchable place to explore properties by location and type.
  • Property presentation: Standardize listing information such as price, location, floor area, property category, images, amenities, and contact options.
  • Inventory operations: Provide authenticated users with an interface for creating, updating, organizing, and removing property listings.

These are needs inferred from the implemented workflows and screen structure. No baseline website, previous system, stakeholder interview, or documented before-state was supplied, so no redesign or migration claim is made.

Regional and product considerations visible in the delivery

  • An English/Bengali language choice supports the brand's regional positioning.
  • West Bengal city shortcuts reduce the effort needed to begin location-based browsing.
  • Property categories include apartment, house, villa, plot, and commercial.
  • Listings support sale, rent, and sale-or-rent classifications.
  • The homepage includes a defined empty state rather than invented featured inventory when no featured properties are available.
03

Goals and Success Criteria

Primary objective

Deliver a public-facing, regionally recognizable property platform that supports finding, presenting, and managing real-estate listings in West Bengal.

Supporting objectives

  • Establish GrihoDeal's visual and verbal brand identity.
  • Make property browsing accessible through homepage search and city shortcuts.
  • Provide property-type filtering and structured detail pages.
  • Support English and Bengali interface text.
  • Give authenticated users tools to maintain their property records and profiles.
  • Provide clear routes for general enquiries and property-specific contact.
  • Include company, legal, and social/contact information pages.

Observable success criteria

Criterion Implementation evidence Assessment
Public destination Live Netlify website Available
Regional positioning West Bengal hero, Bengal architecture imagery, city shortcuts Present on homepage
Search entry points Main search field and four city shortcuts Present on homepage
Property catalogue /properties route with text search and type filters Implemented in source; live catalogue contents not confirmed
Property details /property/:id route with structured information and imagery Implemented in source; no populated listing tested
Language selection English and Bengali UI strings with a persistent choice Implemented in source
Listing operations Dashboard plus property creation, editing, and deletion flows Implemented in source; authenticated flows not exercised
Contact path /contact page and property-specific enquiry form Implemented in source; no test enquiry submitted

These criteria describe delivered interfaces and code paths, not contract acceptance results or successful end-to-end transaction tests.

04

Discovery and Product Strategy

Intended audiences

  • Property buyers: Search by location and explore prices, specifications, and available property details.
  • Renters: Browse listings classified for rent and contact the associated property representative.
  • Sellers, brokers, and listing managers: Use authenticated workflows to add and maintain property records.
  • Local prospects: Learn about GrihoDeal, locate the company's contact channels, and start an enquiry.

User journeys supported by the application

  1. Search by location: A visitor enters a search term or chooses Kolkata, Howrah, Siliguri, or Durgapur and proceeds to the properties route.
  2. Refine property discovery: A visitor uses text search and one or more property-type filters to narrow results.
  3. Evaluate a listing: A visitor opens a listing to see price, address, area, rooms, descriptive content, amenities, images where available, and representative contact details.
  4. Contact a representative: A visitor can open a property-specific enquiry form; the application contains validation and a Supabase submission path.
  5. Manage inventory: An authenticated user can access their dashboard, create property entries, edit existing entries, and remove listings through the implemented interface.

Product decisions visible in the implementation

Design choice Intended benefit Boundary
Regional-first homepage Makes West Bengal the immediate market context Does not establish geographic exclusivity or customer reach
English/Bengali language switch Supports multiple language preferences Translation completeness was not independently audited
Shared property-card and detail patterns Creates consistency in property comparison Populated real-world listing journeys were not tested
Central listing-management area Keeps property data manageable within the product Administrative adoption and throughput are unmeasured
Feature-specific empty states Handles the absence of available inventory clearly At review, the homepage had no featured properties
05

Scope and Deliverables

Public-facing product areas

  • Home: GrihoDeal identity, regional hero imagery, search, city shortcuts, featured-property area, and value propositions.
  • Property catalogue: Searchable property grid with city-based query routing and category filters.
  • Property details: Structured listing view with optional image gallery, description, amenities, price, location, key specifications, and broker/owner contact actions.
  • About: Brand story, mission, and values including trust, community, service, and cultural pride.
  • Contact: General enquiry form, Kolkata location text, telephone, email, and WhatsApp link.
  • Links: Brand/founder introduction and a directory of social and contact destinations.
  • Legal information: Privacy Policy and Terms of Service pages.

Application-management features documented in source

  • Sign-in and account-creation interfaces, including an administrative access workflow.
  • User profile management with name, phone, bio, and profile-image handling.
  • Property creation and editing forms with listing type, property type, price, location, size, room counts, amenities, status, and featured designation.
  • Image selection, preview, and upload for new property listings.
  • Authenticated dashboard separating active/under-construction properties from other statuses.
  • Listing edit and delete controls.
  • Property-specific enquiry recording and general contact-form submission logic.

Property types and listing statuses

Classification Implemented options
Property type Apartment, house, villa, plot, commercial
Listing intent Sale, rent, sale or rent
Listing status Active, pending, sold, rented, under construction, inactive
Discovery shortcuts Kolkata, Howrah, Siliguri, Durgapur

Final deliverable

Deliverable Description Evidence
GrihoDeal web application Public brand website, search entry points, property catalogue and detail routes, user/listing management, and enquiry workflows Live GrihoDeal website (opens in a new tab) and project source inspection
06

My Contribution

Delivery represented by this case study

This case study documents GrihoDeal as a client deliverable supplied by the project's developer. The associated source code is accessible in the developer's project repository, and the public deployment is available under the supplied Netlify URL. Together they substantiate the existence of the delivered website and its implemented application capabilities.

The source and deployment do not establish an exact breakdown of individual contributions across possible collaborators, so this document does not claim sole design authorship, a specific team size, exclusive backend ownership, or a measured development schedule.

Engineering and product work evidenced by the delivery

Area Demonstrated output
User experience Region-focused homepage, search entry points, consistent property cards and detail layouts
Localization English/Bengali string handling and saved language preference
Frontend Multi-route React application with responsive components and interaction states
Data integration Property, image, amenity, profile, and enquiry workflows connected through Supabase client code
Inventory workflow Authenticated dashboard and create/edit/delete listing interfaces
Contact experience General contact and listing-specific enquiry forms
Deployment Public Netlify application with client-side routing fallback configured
07

Solution

Solution overview

GrihoDeal is a real-estate web application, not simply a marketing landing page. Its publicly visible homepage introduces the regional brand and routes visitors toward property discovery. The application code supports the next stages of the journey: searching listings, viewing property information, and sending enquiries. For the supply side, authenticated interfaces support maintaining property data and images.

Main user experience

Discover: The homepage opens with Bengal-themed imagery, a clear property-finding message, a text search, and direct city choices. The featured-properties block handles empty inventory visibly instead of displaying fabricated listings.

Compare: The catalogue is designed to show property cards with image, price, property type, city, size, and optional bedroom/bathroom information. Search supports title, city, and address matching, with property-type filters.

Evaluate and enquire: Individual property pages can display an image carousel, description, specifications, amenities, and contact information. The enquiry form collects visitor details and a message associated with the selected property.

Maintain: Authenticated users can work from a property dashboard, create and edit listings, update statuses, manage their profiles, and remove listings.

What makes the solution appropriate

The design joins two sides of the property experience—visitor discovery and inventory maintenance—within a consistent branded product. The localized English/Bengali presentation and culturally specific visual direction make the interface recognizable for a West Bengal-oriented audience. Using a hosted application backend also provides a structured foundation for storing listings and enquiries without placing all content directly into static pages.

Honest before-and-after framing

Starting requirement addressed Delivered capability
Need for a recognizable online property destination Public GrihoDeal brand and homepage
Need to guide buyers toward relevant properties Location search, city shortcuts, catalogue, and filters
Need for consistent property information Dedicated property pages with structured attributes and imagery support
Need to administer listings Authenticated listing and profile management interfaces
Need to hear from interested visitors General and property-specific enquiry workflows

This is a requirements-to-delivery comparison, not proof that an earlier manual process or previous system was replaced.

08

Technical Implementation

Architecture overview

GrihoDeal uses a client-rendered React/TypeScript single-page application built with Vite. React Router coordinates the main website and application routes. The application uses Supabase for database-backed property information, authentication, file storage, and enquiry persistence. The public frontend is deployed on Netlify, with a rewrite rule that routes client-side paths through the SPA entry point.

Property data is modeled separately from property images and amenities. The public catalogue queries the property records and associated images. Property detail pages load additional context, while authenticated forms submit updates to application tables and upload images to Supabase Storage.

Confirmed technology stack

Layer Technology Role in delivered codebase
Application framework React 18, TypeScript, Vite Component-based client application and build tooling
Routing React Router Homepage, catalogue, property details, account/dashboard, and informational pages
UI and styling Tailwind CSS, shadcn/ui, Radix UI components Responsive layouts, forms, dialogs, menus, and common interface elements
Data platform Supabase / PostgreSQL-backed API Property, images, amenities, profiles, and enquiry data access
Authentication Supabase Auth Session handling and sign-in workflow
File storage Supabase Storage Property imagery and profile pictures
Forms and validation React Hook Form dependencies and Zod; Zod used for enquiry validation Structured inputs and input checking in implemented flows
Client-state/data utilities TanStack Query provider Application-level query-client setup
Localization React context and browser local storage English/Bengali preference across supported views
Hosting and routing Netlify, SPA redirect configuration Public delivery and direct-route handling

Important implementation details

  • Catalogue queries: The listings page requests active and under-construction properties, supports URL-based city selection, and searches title, city, and address fields.
  • Structured inventory: Property records can represent sale/rental intent, category, location, price, size, bedroom and bathroom counts, construction-related details, status, and featured designation.
  • Related media: Listing images are stored separately and loaded with the corresponding property; gallery views are conditional on available images.
  • Enquiries: The source includes separate submission paths for general contact messages and property-specific enquiries, with Zod checks on the entered fields.
  • Account workflows: Profile editing, sign-in, authenticated dashboard access, and listing management are implemented. Administrative sign-in includes a role lookup in the client code.
  • SPA hosting: Netlify configuration provides route fallback for browser refreshes on client-side paths, alongside basic response-header settings.

Security, privacy, and operational limits

The repository contains authentication handling, client-side input validation, and role-aware UI logic. These are implemented controls, not evidence of completed penetration testing, audited authorization policies, or verified secure transactions. Database row-level permissions, production access restrictions, backup practice, monitoring, and real-world availability were not independently audited for this case study.

The source also contains a site-visit scheduling interface, but its production booking handoff was not independently verified. For that reason, the case study does not count completed bookings or a proven scheduling integration among the outcomes.

09

Results and Impact

Observable outcome

One public regional property-platform deployment, accompanied by an implemented multi-page application covering discovery, property presentation, listing operations, localization, and contact.

Delivered outcome Evidence What it establishes
Live regional home page https://grihodeal.netlify.app/ (opens in a new tab) Public branded destination is available
City-based property-search entry Homepage controls for Kolkata, Howrah, Siliguri, and Durgapur Region-focused browsing path is presented
Featured-listing empty state Home page displays “No featured properties available at the moment” No featured inventory was shown during the review
Bilingual application support English/Bengali language implementation in source Two interface-language options are implemented
Catalogued application flows Property, detail, dashboard, profile, and enquiry routes in source Functional workflows have been implemented in the codebase
Hosted application architecture Vite/React build, Supabase integration, Netlify configuration Code and deployment structure support a data-backed app

Business value enabled

The delivered application gives the GrihoDeal brand a single destination that can be shared with property seekers and used to publish and maintain listings. Its information architecture supports browsing and enquiries, while the internal management functions provide a basis for maintaining inventory as the business operates.

These are capabilities enabled by the product. They are not proof that inventory was uploaded, customers converted, properties were sold or rented, or operational costs declined.

What was not measured

No reliable baseline or post-launch data was supplied for visitor traffic, live-property count, enquiry submissions, conversion rate, site visits, verified listings, deals closed, revenue, search visibility, support time, or operational efficiency. No performance benchmark, accessibility audit, or uptime analysis was completed for this curation.

As of the homepage review on 9 November 2026, the featured-property area showed no available featured properties. This does not independently establish whether other listing categories contain inventory.

10

Proof and Evidence

Evidence Description Source
Live homepage Branding, positioning, search, city shortcuts, empty state, and navigation GrihoDeal (opens in a new tab)
Client attribution Client identity supplied for the project Gopal Barui on LinkedIn (opens in a new tab)
Public application routes Properties, About, Contact, Links, Privacy, Terms, and Admin entry points Navigation and footer of the live site; application route definitions
Implementation verification React/TypeScript frontend, Supabase integration, localization, property operations, and forms Developer-accessible project source, reviewed privately; repository URL intentionally omitted
Brand contact path General contact page and linked channels GrihoDeal contact route (opens in a new tab)

The private project codebase was used only to verify product architecture and implemented behavior. It is not presented as a public source repository or evidence that every feature was tested against production services.

11

Lessons and Reflection

Product and engineering principles demonstrated

  • Local relevance belongs in the primary navigation path. City shortcuts and bilingual presentation make the product's intended market clear immediately.
  • Property listings need a reusable structure. Standard fields make discovery and comparison more consistent than one-off advertisements.
  • A marketplace requires both sides of the workflow. Browsing is only one part; listing creation, updates, media handling, and enquiry capture matter operationally.
  • Empty states are part of the experience. The homepage reports when featured inventory is unavailable instead of inventing a populated marketplace.
  • Technical capability and adoption are different milestones. Implementing search, dashboards, and enquiries is demonstrable; acquiring listing supply and proving conversion requires independent measurement.

What this project demonstrates

The delivery demonstrates the construction of a branded, data-backed web application that spans customer-facing discovery, multi-language UX, CRUD-style inventory workflows, media storage, authentication, and enquiry interfaces. It does not establish a verified security posture, a volume of marketplace activity, or measured business growth.

Potential next steps — recommendations, not delivered results

For future iterations, the highest-value checks would be to validate a complete property listing and enquiry journey in production; confirm that intended owner/admin permissions are enforced server-side; verify the site-visit booking destination; audit mobile accessibility and page performance; and add consent-aware conversion measurements. Operationally, populating trustworthy, complete listings is the main prerequisite for testing real customer demand.

NEXT CASE STUDY / 03Aparna Mitra SinghaAparna Mitra Singha · Service website / Consultation enquiry UXSee all case studies
SEEN SOMETHING YOU LIKE?

Your project
could be next.

Tell us what you’re building.
We’ll tell you how we’d
approach it.

PICK A TIME. STAY RIGHT HERE.
REAL CLIENTS. LIVE WORK.YOURS NEXT. ↗