UI UX Dashboard

?Tatuas Immobilien-App?

Beschreibung

? Die Real Estate App ist eine Full-Stack-Webanwendung, die mit dem MERN-Stack (MongoDB, Express, React, Node.js) und TypeScript erstellt wurde. Es soll Immobilienmaklern und Immobilienverwaltern bei der Verwaltung ihrer Angebote helfen, indem es ihnen eine Plattform zum Erstellen, Lesen, Aktualisieren und Löschen von Immobiliendaten bietet.

Darüber hinaus verfügt die Immobilien-App auch über die Google OAuth-Authentifizierung, sodass sich Benutzer sicher mit ihren Google-Anmeldeinformationen anmelden können.

So fügen Sie eine Eigenschaft hinzu

Um der Anwendung eine Eigenschaft hinzuzufügen, klicken Sie im Sider-Layout auf die Eigenschaftsschaltfläche. Klicken Sie dann auf Eigenschaft hinzufügen und geben Sie eine Beschreibung und einen Namenstitel ein. Laden Sie dann ein Bild von Ihrem Gerät hoch.

Installation

Um die Immobilien-App lokal zu installieren, befolgen Sie die folgenden Schritte:

1. Klonen Sie das Repository mit git clone https://github.com/username/repo.git auf Ihren lokalen Computer
2. Navigieren Sie zum Projektverzeichnis und führen Sie npm install aus, um die Abhängigkeiten zu installieren
3. Erstellen Sie eine .env Datei im Stammverzeichnis und fügen Sie die folgenden Umgebungsvariablen hinzu:

MONGO_URI= < your_mongodb_uri >

GOOGLE_CLIENT_ID= < your_google_client_id >

GOOGLE_CLIENT_SECRET= < your_google_client_secret >

4. Führen Sie npm start aus, um den Entwicklungsserver zu starten
5. Navigieren Sie zu http://localhost:3000 um die App in Ihrem Browser anzuzeigen

Merkmale

Die Immobilien-App verfügt über folgende Funktionen:

• Eigenschaften erstellen, lesen, aktualisieren und löschen (CRUD).
• Sehen Sie sich eine Liste aller Immobilien an oder filtern Sie nach Immobilientyp oder Standort
• Sehen Sie sich für jede Immobilie eine detaillierte Seite mit einer Bildergalerie und einer Beschreibung an
• Google OAuth2-Authentifizierung für sichere Benutzerauthentifizierung
• Responsives Design, das auf allen Geräten funktioniert

Tech-Stack

Die Immobilien-App basiert auf den folgenden Technologien:

• MongoDB zur Datenspeicherung
• Express.js für den Backend-Server
• React.js für die Frontend-Benutzeroberfläche
• Node.js für die serverseitige Laufzeitumgebung
• TypeScript zur Typprüfung und strikten Typisierung
• CSS zum Gestalten der Benutzeroberfläche
• Shell für die Skriptautomatisierung und -verwaltung
• JavaScript für allgemeine Anwendungslogik

Screenshot

Mitwirken

Beiträge zur Immobilien-App sind willkommen! Wenn Sie einen Beitrag leisten möchten, befolgen Sie bitte diese Schritte:

1. Forken Sie das Repository
2. Erstellen Sie einen neuen Zweig für Ihre Funktion oder Fehlerbehebung
3. Übernehmen Sie Ihre Änderungen und übertragen Sie sie auf Ihren Fork
4. Senden Sie eine Pull-Anfrage

Lizenz

Die Immobilien-App ist unter der MIT-Lizenz lizenziert. Weitere Informationen finden Sie in der LICENSE-Datei.