Real Estate Listings Manager
Full-stack CRUD application for property listings, built with React + Vite and an Express + TypeScript backend validated with Zod.
Tech Stack
React
Frontend UI and routed pages
TypeScript
Strong typing on both frontend and backend
Express
REST API and request handling
Zod
Payload validation and DTO consistency
Vite
Frontend tooling and fast development server
Architecture
Full-stack TypeScript application with an Express backend and a React + Vite frontend. The backend separates routes, services, models, schemas, and validation middleware, while the frontend is organized around pages, reusable components, API services, and shared types.
Key Features
- Full CRUD flow for property listings
- Layered Express API with routes, services, schemas, and middleware
- Centralized input validation through reusable Zod middleware
- React + Vite frontend with listing, detail, and form pages
- Modern glassmorphism-inspired UI with reusable cards and modal dialogs
- JSON persistence in `backend/data/properties.json`