PG Life is a Full-Stack Web Application

a. Search bar, where user can enter city name(in any case), and PGs listed in that city(if exists in database), will be shown as list.
b. Contains main cities in the form of circular sections, clicking upon which user can get the list of pgs existing in that city.

a. Shows the list of all the PGs and their main features in the selected city, in the form of beautiful cards.
b. Filter bar, using which the PGs can be sorted according to rent and rating, in ascending or descending order.
c. User can see here which PG is being marked interested by how many users, to know popularity.
d. After logging in, user can mark any PG(s) as interested, from the list itself, by clicking on the heart icon.
e. The heart icon toggles style in terms of fill color, when alternatively clicked to like or dislike the pg. Based upon click, interested user's number remains updated dynamically.

a. In the property list page, if any user clicks on "View" button, that pg's entire details is being displayed in the PG details page.
b. Images of the selected PG is being viewed at top front as a beautiful carousel.
c. The page shows all the details such as amenities, testimonials, address of the PG neatly.
d. User can see the selected PG is being marked interested by how many users, to know popularity.
e. After logging in, user can mark any PG(s) as interested, from the list itself, by clicking on the heart icon.
f. The heart icon toggles style in terms of fill color, when alternatively clicked to like or dislike the pg. Based upon click, interested user's number remains updated dynamically.

a. Appears only for the logged in users.
b. Shows the account details of the logged in users.
c. Below profile details, there is a section for Interested properties, which shows the cards of those PGs which the logged in user marked interested, accross any city.
d. From this list, user can click the heart icon on any PG card, to remove that PG from interested list, and that specific page section gets dynamically changed according to user's action.

a. Contains brand name.
b. If NOT logged in, it shows option to Signup and Login.
c. If logged in, it shows option to got to Dashboard and Logout. Also, it displays the user's first name who is being logged in currently, by using SESSION.
d. Totally responsive toggler navbar.

a. Beautify shows the relative location of the user in the web app.
b. Contains hyperlinks to easily navigate back and forth an endpoint.

a. Shows the list(containg hyperlinks) to show the list of PGs in the most popular cities.
b. Displays copywright information.