Urban Haven is a modern, responsive property listing website built with Next.js, Tailwind CSS, and TypeScript. It allows users to browse real estate listings, upload new properties, and perform CRUD operations on their listings. The site features a clean, user-friendly interface designed to make property management and discovery seamless.
- Home Page: Displays a list of available properties with key details like price, location, and images.
- Property Detail Page: Provides in-depth information about a specific property, including a gallery, description, and contact details.
- CRUD Operations: Users can create, read, update, and delete property listings.
- Responsive Design: Built with Tailwind CSS for a fully responsive and mobile-friendly experience.
- TypeScript Support: Ensures type safety and improves developer productivity.
- Theming: Supports customizable themes for a personalized user experience.
- PWA (Progressive Web App):
- Workbox & Manifest: Enables offline functionality and app-like installation.
- Service Worker Cache: Improves performance by caching assets for offline use.
- Multi-language Support: Supports multiple languages for a global audience (en, hu, ro)
- Authentication & Authorization: JWT based
- Next.js: A React framework for server-side rendering and static site generation.
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- TypeScript: A typed superset of JavaScript for safer and more scalable code.
- React Hook Form: For efficient and scalable form management.
- Axios: For making HTTP requests to the backend API.
- React Query: For data fetching and state management.
- Node.js (v16 or higher)
- npm
- Clone the repository:
git clone https://github.com/kosa12/UrbanHaven.git
- Navigate to the project directory:
cd UrbanHaven - Install dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and visit
http://localhost:3000.