PG Life is a Full-Stack Web Application

Overview

PG Life Web Application:-


PG Life is a Full-Stack Web Application. This is a project that I was assigned to make during my Internshala Full Stack Web Development Internship Training. I got the guidance, and following that I made this web application with my own undertsnading and knowledge. It is customized according to what I thought would be better functionalities in this app, from the user perspective.

This web app is hosted online at:- http://debanjansarkar.epizy.com/PGLIFE/index.php

Entire web-app is fully responsive and is operational from any device.

Tech Stack:- HTML, CSS, Bootstrap 5, Javascript, AJAX, PHP, MySQL.

This web app has the following functionalities:-

  1. The home page:-

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.
  1. The PG list page:-

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.
  1. The PG details page:-

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.
  1. The dashboard:-

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.
  1. The Navbar:-

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.
  1. The Breadcrumb:-

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

a. Shows the list(containg hyperlinks) to show the list of PGs in the most popular cities.
b. Displays copywright information.
  1. Entire web app can be surfed without logging in for user's ease and attraction for new users. Only certain features such as dashboard, and marking interested are available upon log in.

  2. Through the entire web app, each and every excetion is handled well using custom codes and UI, such that they are easily managed, and user can get to know the fault.

You might also like...
Hybrid Content Management System with the freedom of a headless CMS and with the full functionality of a traditional CMS
Hybrid Content Management System with the freedom of a headless CMS and with the full functionality of a traditional CMS

INTRODUCTION Flextype is an open-source Hybrid Content Management System with the freedom of a headless CMS and with the full functionality of a tradi

A full-featured home hosted Cloud Drive, Personal Assistant, App Launcher, File Converter, Streamer, Share Tool & More!
A full-featured home hosted Cloud Drive, Personal Assistant, App Launcher, File Converter, Streamer, Share Tool & More!

A Fully Featured home-hosted Cloud Storage platform and Personal Assistant that Converts files, OCR's images & documents, Creates archives, Scans for viruses, Protects your server, Keeps itself up-to-date, and Runs your own AppLauncher!

Unified sample web app. The easy way to learn web frameworks.
Unified sample web app. The easy way to learn web frameworks.

Notejam The easy way to learn web frameworks Do you know framework X and want to try framework Y? The easy way to start with a new framework is to com

Emoncms is an open-source web application for processing, logging and visualising energy, temperature and other environmental data and is part of the OpenEnergyMonitor project.
Emoncms is an open-source web application for processing, logging and visualising energy, temperature and other environmental data and is part of the OpenEnergyMonitor project.

Emoncms is an open-source web application for processing, logging and visualising energy, temperature and other environmental data and is part of the OpenEnergyMonitor project.

DinoPHP is a web application framework
DinoPHP is a web application framework

DinoPHP is a web application framework with expressive. We believe development must be an enjoyable and creative experience. DinoPHP takes the pain out of development by easing common tasks used in many web projects

DinoPHP is a web application framework with expressive.
DinoPHP is a web application framework with expressive.

DinoPHP is a web application framework with expressive. We believe development must be an enjoyable and creative experience. DinoPHP takes the pain out of development by easing common tasks used in many web projects

phpIPAM is an open-source web IP address management application.

phpIPAM is an open-source web IP address management application. Its goal is to provide light and simple IP address management application. It is ajax-based using jQuery libraries, it uses php scripts and javascript and some HTML5/CSS3 features, so some modern browser is preferred to be able to display javascript quickly and correctly.

PHP, MySQL and JS based web chat application
PHP, MySQL and JS based web chat application

About The Project Chat Application coded in PHP, CSS3 and JS. This is just a project to learn and improve understanding on certain topics. This is not

A web application for a school, facilitating the registration of students. Built using HTML/CSS, PHP and Oracle.

Student Registration System A web application for a school, facilitating the registration of students. Built using HTML/CSS, PHP and Oracle. Included

Owner
Debanjan Sarkar
Debanjan Sarkar
A Full Stack login/register system using a MySQL database to store the information

This is a Full Stack login/register system using a MySQL database to store the information. I created this to sharpen my Full Stack Development skills.

Farhan Khan 6 Jun 25, 2022
This is a web application for management of employees. This was done with the stack - HTML, CSS, BOOTSTRAP, VUEJS AND LARAVEL

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

igudy 2 Dec 24, 2021
Damn Vulnerable Web Application (DVWA) is a PHP/MySQL web application that is damn vulnerable.

Damn Vulnerable Web Application (DVWA) is a PHP/MySQL web application that is damn vulnerable. Its main goal is to be an aid for security professionals to test their skills and tools in a legal environment, help web developers better understand the processes of securing web applications and to aid both students & teachers to learn about web application security in a controlled class room environment.

Robin Wood 7k Jan 5, 2023
Full symfony website application cms + app all in one

Symfony Web App All in one cms website + Inventori Invoice Accounting Application A new modern web app with content management system for build websit

Mesin Kasir 5 Sep 22, 2022
TinyFileManager is web based file manager and it is a simple, fast and small file manager with a single file, multi-language ready web application

TinyFileManager is web based file manager and it is a simple, fast and small file manager with a single file, multi-language ready web application for storing, uploading, editing and managing files and folders online via web browser. The Application runs on PHP 5.5+, It allows the creation of multiple users and each user can have its own directory and a build-in support for managing text files with cloud9 IDE and it supports syntax highlighting for over 150+ languages and over 35+ themes.

Prasath Mani 3.5k Jan 7, 2023
Kyle is a web application built with Laravel for web developers and small companies to efficiently track and stay on top of yearly expenses related to services

Kyle Kyle is a web application built with Laravel for web developers and small companies to efficiently track and stay on top of yearly expenses relat

Laravelista 36 Jul 15, 2022
Self hosted project management and collaboration tool powered by TALL stack

Sponsored By: Self hosted project management and collaboration tool inspired by basecamp. Notice: Project under some major change, do not use until st

iluminar 1.8k Jan 6, 2023
A high performance full-featured project management system

Interested in managed hosting? Take a brief survey to help us know what to build! Phproject A high-performance project management system in PHP Instal

Alan Hardman 357 Dec 27, 2022
A full-featured personal project management tool with task boards.

Dingo Project Management A full-featured personal project management tool with task boards. Installation You can install using the following way: Clon

Zeeshan Ahmad 267 Oct 30, 2022