Real Estate Application

This is a full-stack web application built using Django for the backend and React for the frontend. It provides functionalities for managing properties, user profiles, and enquiries for a real estate platform.

Technologies Used

Backend:

• Django 5.1.3: The backend framework for handling requests, authentication, and database management.
• Django Rest Framework: To create RESTful APIs.
• Django CORS Headers: For handling cross-origin requests.
• Djoser: For handling user authentication and JWT-based authentication.
• PostgreSQL: For the database.
• Pillow: For image handling.
• PyJWT: For JSON Web Token authentication.

Frontend:

• React 18.3.1: JavaScript library for building user interfaces.
• React Router: For routing and navigation.
• Redux: State management.
• React Toastify: For showing notifications in the application.
• Bootstrap 5.3.3: For styling and layout.

Features

• User Authentication: Login, registration, and JWT authentication.
• Property Management: View and interact with real estate properties.
• Profile Management: User profile management with the ability to update information.
• Enquiries: Users can make enquiries about properties.
• Responsive Design: The app is fully responsive using Bootstrap.

Screenshots

Home Page

Property Listing

Property Detail Page

User Profile

Enquiry Form

404 Page

Admin Panel

API Browsable Interface (DRF)

Setup and Installation

Backend Setup (Django)

1. Clone the repository:

   git clone https://github.com/your-repo-link.git
   cd backend

2. Install dependencies:

   pip install -r requirements.txt

3. Setup environment variables:

   Create a .env file and configure your settings (database, secret keys, etc.).

4. Run migrations:

   python manage.py migrate

5. Create a superuser:

   python manage.py createsuperuser

6. Start the Django development server:

   python manage.py runserver

Frontend Setup (React)

1. Clone the repository:

   git clone https://github.com/your-repo-link.git
   cd frontend

2. Install dependencies:

   npm install

3. Start the React development server:

   npm run dev

The frontend will be available at http://localhost:5173.

API Endpoints

Authentication (Authorization Required: No for registration, Yes for token generation)

•POST /api/v1/auth/: User registration (No authentication required)
•POST /api/v1/auth/jwt/create/: Obtain JWT token for authentication (Requires user credentials for login)

Properties

•GET /api/v1/properties/: List all properties (Authentication required for authorized users)
•GET /api/v1/properties/{slug}/: View details of a specific property (Authentication required for authorized users)

Profile (Authorization Required: Yes for both viewing and updating)

•GET /api/v1/profile/: View user profile (Authentication required)
•PUT /api/v1/profile/: Update user profile (Authentication required)

Enquiries

•POST /api/v1/enquiries/: Create a new enquiry about a property (Authentication required)

Folder Structure

•real_state: Contains all Django-related files, including models, views, and serializers.
•apps: Contains all Django apps (profiles, properties, enquiries).
•requirements.txt: List of Python dependencies.
•frontend: Contains all React-related files, including components, pages, and routing setup.
•src: Source folder containing React components and pages.
•package.json: List of Node.js dependencies.

Acknowledgments

•Inspiration from various real estate platforms.
•Bootstrap for styling.
•React and Django for full-stack development.