UI UX Dashboard

?Aplikasi Real Estat Tatua?

Keterangan

? Aplikasi Real Estat adalah aplikasi web tumpukan penuh yang dibuat menggunakan tumpukan MERN (MongoDB, Express, React, Node.js) dan TypeScript. Ini dirancang untuk membantu agen real estate dan manajer properti mengelola listing mereka dengan menyediakan platform untuk membuat, membaca, memperbarui, dan menghapus data properti.

Selain itu, Aplikasi Real Estat juga dilengkapi autentikasi Google OAuth, yang memungkinkan pengguna masuk dengan aman menggunakan kredensial Google mereka.

Bagaimana cara menambahkan properti

Untuk menambahkan properti ke aplikasi, tekan tombol properti di tata letak sider. Kemudian klik tambahkan properti dan tulis deskripsi dan judul nama. Kemudian unggah gambar dari perangkat Anda.

Instalasi

Untuk menginstal Aplikasi Real Estat secara lokal, ikuti langkah-langkah di bawah ini:

1. Kloning repositori ke mesin lokal Anda menggunakan git clone https://github.com/username/repo.git
2. Arahkan ke direktori proyek dan jalankan npm install untuk menginstal dependensi
3. Buat file .env di direktori root dan tambahkan variabel lingkungan berikut:

MONGO_URI= < your_mongodb_uri >

GOOGLE_CLIENT_ID= < your_google_client_id >

GOOGLE_CLIENT_SECRET= < your_google_client_secret >

4. Jalankan npm start untuk memulai server pengembangan
5. Navigasikan ke http://localhost:3000 untuk melihat aplikasi di browser Anda

Fitur

Aplikasi Real Estat hadir dengan fitur-fitur berikut:

• Membuat, membaca, memperbarui, dan menghapus properti (CRUD).
• Lihat daftar semua properti atau filter berdasarkan jenis properti atau lokasi
• Lihat halaman detail untuk setiap properti, dengan galeri gambar dan deskripsi
• Otentikasi Google OAuth2 untuk otentikasi pengguna yang aman
• Desain responsif yang berfungsi di semua perangkat

Tumpukan Teknologi

Aplikasi Real Estat dibangun menggunakan teknologi berikut:

• MongoDB untuk penyimpanan data
• Express.js untuk server backend
• React.js untuk antarmuka pengguna frontend
• Node.js untuk lingkungan runtime sisi server
• TypeScript untuk pemeriksaan tipe dan pengetikan ketat
• CSS untuk menata antarmuka pengguna
• Shell untuk otomatisasi dan manajemen skrip
• JavaScript untuk logika aplikasi umum

Tangkapan layar

Berkontribusi

Kontribusi pada Aplikasi Real Estat dipersilakan! Jika Anda ingin berkontribusi, silakan ikuti langkah-langkah berikut:

1. Cabangkan repositori
2. Buat cabang baru untuk fitur atau perbaikan bug Anda
3. Komit perubahan Anda dan dorong ke fork Anda
4. Kirimkan permintaan tarik

Lisensi

Aplikasi Real Estat dilisensikan di bawah Lisensi MIT. Lihat file LISENSI untuk informasi lebih lanjut.