React Housing

---

A website to rent or buy properties build using Reactjs

General Information

---

• Website

• To allow the apprentice of ReactJS while building a website with full features usually necessary for complex webapps.

Technologies Used

---

• HTML

• CSS

• JavaScript

• React

• NodeJS

• SQL

• JSX

• Firestore V9

Setup

---

This project was bootstrapped with Create React App. Available Scripts

In the project directory, you can run: npm start

Runs the app in the development mode. Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes. You may also see any lint errors in the console.

Usage

Geolocation

The listings use Google geocoding to get the coords from the address field. You need to either rename .env.example to .env and add your Google Geocode API key OR in the CreateListing.jsx file you can set geolocationEnabled to "false" and it will add a lat/lng field to the form. Run

---

Browser properties using the Explore page.

Get in contact with the landlord be E-mail on the listing page.

Create a profile to add your own property to sell/rent.

Sign-up/Sign-in is possible using Google

Editing/Deleting listing is possible on the profile page.

The location of the property can be visualized on a map (leaflet API).

Project Status

---

Refinament of the Database Schema Phase

Improvements

---

• Limit image upload size/resolution