ESTATEIN - Real Estate Agency(Frontend + Backend project)

The creation of this project carries the idea of applying knowledge of Front and Back development.

In the past, while working in marketing, I had a lot of experience working with real estate agencies. So the idea for my project did not take long to arrive.

This site is a platform for providing clients with up-to-date information and attracting new clients.

Using this website, the agency can:

Receive a sorted list of leads from forms on the website.
Receive a list of unprocessed leads and change their status after processing.
Download a file with a list of all emails received from forms for further use for marketing purposes.
View and edit the list and characteristics of real estate displayed on the site.
Add and remove real estate objects to/from the site.
View, edit, delete and add users to site management.
Access the site from any device.

Estatein Home Page

==> View website

==> View Figma

==> Learn more about the admin panel

==> View conceptual model of database

Philosophy

I tried to adhere to two main principles:

BDUF
SOLID

Licence

Was created under the MIT Licence

Tools

<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg" height="20" alt="html5 logo" /> HTML <img src="https://skillicons.dev/icons?i=sass" height="20" alt="sass logo" /> SCSS <img src="https://skillicons.dev/icons?i=bootstrap" height="20" alt="bootstrap logo" /> Bootstrap <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg" height="20" alt="javascript logo" /> JS <img src="https://www.svgrepo.com/show/374142/twig.svg" height="20" alt="twig logo" /> Twig <img src="https://skillicons.dev/icons?i=php" height="20" alt="php logo" /> PHP <img src="https://static-00.iconduck.com/assets.00/sql-database-sql-azure-icon-1955x2048-4pmty46t.png" height="20" alt="sql logo" /> SQL <img src="https://skillicons.dev/icons?i=mysql" height="20" alt="mysql logo" /> MySQL

Installation

To work with this project you will need <img src="https://skillicons.dev/icons?i=git" height="20" alt="git logo" />GIT, <img src="https://upload.wikimedia.org/wikipedia/commons/2/26/Logo-composer-transparent.png" height="20" alt="composer logo" />Composer and <img src="https://skillicons.dev/icons?i=sass" height="20" alt="sass logo" />SASS

==>How to install Git

==>How to install Composer

==>How to install SASS

OR

If you use <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Visual_Studio_Code_1.35_icon.svg/512px-Visual_Studio_Code_1.35_icon.svg.png?20210804221519" height="20" alt="vscode logo" /> VSCode you can use the plugin "Live Sass Compiler"
<img src="./assets/docs/images/sass_comp.png" width="300" alt="Live Sass Compiler" />

Local installation:

On the command line, navigate to the folder where the project will be deployed. Then copy it from <img src="https://skillicons.dev/icons?i=github" height="20" alt="github logo" />GitHub :

$ git clone https://github.com/saintgregoire/RealEstateAgency.git

Create a .env file and add your data there as specified in the .env.example file
Installing dependencies:

While in the working directory in the terminal command line:

composer require vlucas/phpdotenv
composer require "twig/twig:^3.0"
composer require --dev symfony/var-dumper

In case of adding new PHP files:

composer dump-autoload

In my project I connected Swiper.js and Bootstrap via cdn. If you need to install via npm:

First you need to install Node.js <img src="https://skillicons.dev/icons?i=nodejs" height="20" alt="nodejs logo" />

==> How to install Node.js.

Check if Node.js is installed:

$ node --version or $ node -v

Instruction for Bootstrap <img src="https://skillicons.dev/icons?i=bootstrap" height="20" alt="bootsrap logo" />:

==> Bootstrap

Instructions for Swiper.js <img src="https://swiperjs.com/images/swiper-logo.svg" height="20" alt="swiperjs logo" />:

==> Swiper.js

My versions

My PHP version

8.2.18 <img src="https://skillicons.dev/icons?i=php" height="20" alt="php logo" />

My Composer version

2.7.7 <img src="https://upload.wikimedia.org/wikipedia/commons/2/26/Logo-composer-transparent.png" height="20" alt="composer logo" />

My twig version

3.0 <img src="https://www.svgrepo.com/show/374142/twig.svg" height="20" alt="twig logo" />

My Bootstrap version

v5.1.3 <img src="https://skillicons.dev/icons?i=bootstrap" height="20" alt="bootsrap logo" />

My Swiper.js version

v11.1.8 <img src="https://swiperjs.com/images/swiper-logo.svg" height="20" alt="swiperjs logo" />

My phpdotenv version

5.6 <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTHaNT3Fi8RMNUpPDk-Zddeo2FTvDN3Sye5AA&s" height="20" alt="env logo" />

My var-dumper version

5.4

"autoload": {
        "classmap": [
            "controllers/",
            "managers/",
            "models/",
            "services/"
        ]
    },

Contact me

RealEstateAgency

Install / Use

README

ESTATEIN - Real Estate Agency</br>(Frontend + Backend project)