softlockin / Property-Rent-Management-App

A single page application for rental properties management.

Property Rent Management App

Live Demo: https://cristianfleancu.dev

This project is a fully responsive single page application that offers an efficient way for property owners to manage their rental properties and for tenants to easily access information about their rental and report issues.

Tech used

Frontend (javascript):

• Framework: React

• Component Library: Material UI

  Deployment: Netlify

Backend - REST API (python):

• Framework: Django/Django Rest Framework

  Authentication method: JWT

• Database: PostgreSQL

  Deployment: DOCKER, NGINX, GUNICORN, AWS EC2, AWS RDS, AWS ROUTE 53

Features

Registration

User has two ways to regiser:

1. Using email and password.

2. Continuing with a google account. If chosen, the user is redirected to a screen to complete the registration (choose an user type).

Desktop view	Mobile view

User types

Owner user type

• Summary: a report that tracks the number of properties, total income, expenses, number of issues and overdue invoices.

• Quick actions: add a new property or link a tenant account quicker.

• Recent issues and latest invoices

• Properties list: a list with the properties and their information. Linking the tenant's account to a property is done by clicking on the property and inserting the required information in the Linking section. Once the user clicks on "Link Account", the tenant receives an email with the rent information and a button to accept the request.

• Issue tracker: issues reported by tenants are listed here. Additional messages can using the messaging system. Once the issue was fixed, the owner can mark it as closed specifying the cost which is added to the expenses.

• Invoices: invoices are auto generated monthly. Once an invoice is paid, the owner can mark it as "Paid" and the rent amount is added to the total income.

• Map: An interactive map with all the available properties, their rent and approximate location.

Tenant user type

• Dashboard: the tenant can access information about their rental and their last invoice. Any issue regarding the property is reported here.

• Issue tracker: all tenant's issues' information can be accessed here.

• Map: An interactive map with all the available properties, their rent and approximate location.