Real Estate Listings
CRUD Web App
![](https://cdn.prod.website-files.com/64602a19ee0fd034306e1e9f/64a88e2b6620ae4bee065617_WhatsApp%20Image%202023-07-02%20at%206.03.16%20PM.jpeg)
The Development Project
The project required building a web-based CRUD application utilizing PHP as the backend programming language. The front-end interface is designed using Bootstrap and Sass to ensure a responsive and visually appealing user experience. The solution includes user authentication by storing user credentials in a database. This allows users to securely log in to the application. Different access levels are defined, distinguishing between administrators and regular users. The administrator page serves as the central hub for managing projects. It provides a user-friendly interface for editing and deleting project information stored in the database. Only authorized users can access this page based on their credentials. For regular users, a separate page is available to view project information without the ability to make changes. This user page presents the projects in a read-only format.
The Goal
Create a webiste with a simple database where the admin can add, publish, and edit listings for the end user to interact with.
The Solution
A web-based CRUD application were the admin can Create, Read, Update and Delete information with HTTP Get, Post, Put and Delete methods interacting with the MySql database in XAMPP.
Login
Login
User Authentication
User login functionality is integrated with the project. User credentials, such as usernames and passwords, are stored in the database.
![](https://cdn.prod.website-files.com/64602a19ee0fd034306e1e9f/64a88aa01ac0d8467888dd2d_02-min.png)
Admin Access
Admin Access
Administration Page
The administration page is available only to users with administrative credentials. It provides additional functionalities for managing the project.
![](https://cdn.prod.website-files.com/64602a19ee0fd034306e1e9f/64a88aa08fea82aa6a5bca2c_03-min.png)
Display Information
Display Information
User Page
Users with a user role, distinct from administrative credentials, have access to a separate page. This page displays the projects but does not provide the editing or deletion functionality.
![](https://cdn.prod.website-files.com/64602a19ee0fd034306e1e9f/64a88c8e0fdcdb0cb2119d26_WhatsApp%20Image%202023-07-02%20at%205.40.19%20PM.jpeg)
Web App
Web App
Technical
The application used HTTP Get, Post, Put and Delete methods to perform Create, Read, Update, Delete functions, while interacting with the MySql database in XAMPP.
![](https://cdn.prod.website-files.com/64602a19ee0fd034306e1e9f/64a88c8e0fdcdb0cb2119d26_WhatsApp%20Image%202023-07-02%20at%205.40.19%20PM.jpeg)
Name Surname
Position, Company name