• About the Project
• Features
• Technologies
• Project Structure
• Usage
• License

JUP Propiedades is a modern real estate web platform designed to facilitate the search, visualization, and management of properties in Chile. The project offers an intuitive and professional user experience for both clients looking for properties and administrators managing the content.

This frontend project provides:

• For Clients: A modern interface to search and explore properties, view complete details, contact agents, and access real estate services
• For Administrators: Complete control panel to manage properties, testimonials, and site content
• For the Business: Professional digital presence with optimized SEO, integrated analytics, and direct communication via WhatsApp

• Advanced Search: Filters by property type, location, price, and features
• Featured Properties: Visualization of the best available offers
• Image Gallery: Professional display of property photos with Cloudinary integration
• Detailed Information: Complete listings with description, specifications, and location
• Direct Contact: Contact forms and floating WhatsApp button
• Services Section: Information about real estate services offered
• Testimonials: Reviews from satisfied clients
• FAQ: Frequently asked questions section
• Light/Dark Theme: Support for user display preferences

• Administration Panel: Complete dashboard for content management
• Property CRUD: Create, edit, delete, and manage properties
• Rich Editor: Quill editor for detailed descriptions
• Secure Authentication: Clerk integration for user management
• Image Upload: Upload multiple images with Cloudinary

• SSR and SSG: Server-side rendering with Next.js 15
• Optimized SEO: Meta tags, Open Graph, and structured data
• Responsive Design: Adapted to all devices
• Performance: Image optimization and lazy loading
• Analytics: Vercel Analytics integration
• Type Safety: TypeScript for robust and maintainable code

• Next.js 15.4 - React framework with SSR and SSG
• React 19.1 - UI library
• TypeScript 5 - Type safety

• Tailwind CSS 4 - Utility-first CSS framework
• Radix UI - Accessible UI components
• Lucide React - Modern icons
• next-themes - Theme system

• TanStack Query (React Query) - Data fetching and caching
• Axios - HTTP client
• React Hook Form - Form management
• Zod - Schema validation

• Clerk - Authentication and user management
• DOMPurify - HTML sanitization

• Cloudinary - Image management and optimization
• React Quill - Rich text editor

• SweetAlert2 - Elegant modals and alerts
• React Toastify - Toast notifications
• React Floating WhatsApp - Floating WhatsApp widget

• Vercel Analytics - Traffic and performance analytics

• ESLint - Linting
• PostCSS - CSS processing

JUP-RealEstate_Frontend/
├── app/                          # Next.js 15 App Router
│   ├── admin/                   # Admin panel routes
│   ├── home/                    # Main page routes
│   ├── sign-in/                 # Sign-in page
│   ├── sign-up/                 # Sign-up page
│   ├── layout.tsx               # Root layout with providers
│   ├── page.tsx                 # Home page
│   ├── globals.css              # Global styles
│   └── not-found.tsx            # 404 page
│
├── components/                   # Reusable React components
│   ├── about/                   # About section components
│   ├── admin/                   # Admin panel components
│   ├── auth/                    # Authentication components
│   ├── contact/                 # Contact components
│   ├── featured/                # Featured properties components
│   ├── home/                    # Home page components
│   ├── properties/              # Property components
│   ├── providers/               # Context providers (Theme, Query, Toast, etc.)
│   ├── questions/               # FAQ components
│   ├── services/                # Services components
│   ├── skeletons/               # Loading skeletons
│   └── utility/                 # Utility components (WhatsApp, BackToTop)
│
├── src/
│   ├── api/                     # API services (Axios)
│   │   ├── FeaturedAPI.ts       # Featured properties API
│   │   ├── PropertyAPI.ts       # Properties API
│   │   └── SearchAPI.ts         # Search API
│   ├── hooks/                   # Custom React hooks
│   ├── types/                   # TypeScript type definitions
│   └── utils/                   # Utility functions
│
├── lib/                         # Libraries and configurations
├── public/                      # Static assets
│   ├── logo-color.png           # JUP logo
│   ├── hero-image-*.jpg         # Hero images
│   └── ...                      # Other images
│
├── middleware.ts                # Next.js middleware
├── next.config.ts               # Next.js configuration
├── tailwind.config.ts           # Tailwind configuration
├── tsconfig.json                # TypeScript configuration
├── eslint.config.mjs            # ESLint configuration
├── postcss.config.mjs           # PostCSS configuration
├── components.json              # UI components configuration
└── package.json                 # Dependencies and scripts

# Start development server (with Turbopack)
npm run dev

# Server will be available at http://localhost:3000

# Build for production
npm run build

# Start production server
npm run start

# Run ESLint
npm run lint

This project is private and belongs to JUP Propiedades. All rights reserved.

For use, distribution, or modification of this code, please contact the owner directly.