Property Finding Web-App

This is my first attempt to create a complete Full-Stack Web Application that has both frontend and Backend attached to it.

Purpose of this app

This App mainly focuses on the pain points of students through which they can find properties for their accomodation.

The Pictures of working App

This is a website with some exciting functionality

Due to the existence of the database, it cannot be hosted on GitHub I will link the video . You can dowload the source code and work it out on your own using XAMMP.

FrontEnd-Section

This is the video of the working Web-App:

Home Page

Screenshot (1210)

Properties Page

Screenshot (1211)

Login Modal

Screenshot (1212)

Properties Details Page

Screenshot (1213)

Filter Modal

Screenshot (1214)

DashBoard

Screenshot (1215)

Screenshot (1216)

Backend Section

This is the Backend Section of the Working App

PhpMyAdmin - database-pglife

Screenshot (1217)

Othe Table and Queries

Screenshot (1218)

Features

  • As it just the first try at Full Stack Web App build so it has basic functionalities such as:-
  • This is an ongoing project and I am modifying certain things in it like the "Contact Form" and "Property Addition"
  • This is used to find Accomodation Propertyfor students into their Respective cities.
  • You can make your own account and it would be safe with us
  • You can even select interested properties and see them in your Dashboard

Run Locally

Clone the project

  git clone https://link-to-project

Install Xammp for running this

install xammp and run it and start apache

Naviagate to the given path

C:\xampp\htdocs 

Write the following the address bar and you could see it running

localhost\pglife 

FAQ

Technology Learnt and used

  • PHP
  • SQL
  • JavaScript
  • Bootstrap
  • HTML
  • CSS
  • React

Authors