BowHouse
The target of the client:
Develop an effective real estate site that has not only attractive design, but also animation elements.The main requirement is to ensure the ease of understanding of the information about the project.Details of site creation:
The process of implementation of the project began with the receipt of a technical task from the customer, after which detailed discussions of all key aspects of the project were conducted.Then I started creating a site using HTML to build a structure and applied styles and animation using the SCSS preprocessor.One of the important features of the site was the creation of a cast slider to review housing planning and switching types of planning.It has also been implemented a form of back call, integrated with PHP and the PHPmailer library, which provides sending messages to the work telegram chat and to the work mail.The section with information about the materials used in the construction of houses was supplemented with the functionality of switching information about each material.In the Smart Key section, an animation was implemented that is activated during the page spinning, as well as a pop-up window when you click on the "Call Call" button.For the BowHouse site, a mechanic for calculating the value of the object was developed using an animated reversed card.It was also introduced a gallery with the application of the Fullscreen Lightbox library.In addition, the site provided an interactive map with cast markers, when indicated on which additional information appeared.The final step was the implementation of the mobile version of the site.Instruments and languages involved in the project:
The HTML5
CSS3 and SCSS for styling with adaptive design
Animation of CSS
by JavaScript (ES6)
JSON and AJAX to provide dynamic interaction
Use of GitHub to manage versions
PHP to implement the form of the reverse call
GULP for task automation and work optimization
Develop an effective real estate site that has not only attractive design, but also animation elements.The main requirement is to ensure the ease of understanding of the information about the project.Details of site creation:
The process of implementation of the project began with the receipt of a technical task from the customer, after which detailed discussions of all key aspects of the project were conducted.Then I started creating a site using HTML to build a structure and applied styles and animation using the SCSS preprocessor.One of the important features of the site was the creation of a cast slider to review housing planning and switching types of planning.It has also been implemented a form of back call, integrated with PHP and the PHPmailer library, which provides sending messages to the work telegram chat and to the work mail.The section with information about the materials used in the construction of houses was supplemented with the functionality of switching information about each material.In the Smart Key section, an animation was implemented that is activated during the page spinning, as well as a pop-up window when you click on the "Call Call" button.For the BowHouse site, a mechanic for calculating the value of the object was developed using an animated reversed card.It was also introduced a gallery with the application of the Fullscreen Lightbox library.In addition, the site provided an interactive map with cast markers, when indicated on which additional information appeared.The final step was the implementation of the mobile version of the site.Instruments and languages involved in the project:
The HTML5
CSS3 and SCSS for styling with adaptive design
Animation of CSS
by JavaScript (ES6)
JSON and AJAX to provide dynamic interaction
Use of GitHub to manage versions
PHP to implement the form of the reverse call
GULP for task automation and work optimization