Quadra Agency Official Website

Project Outline

This website is a Quadra agency official website, I was responsible for every detail in the back end processes as this website consists of 2 main branches front design and admin panel to control all website information shown on the front design.

This website consists of many modules as a back end processes like:

  • Admin Authentication Module (with the ability to login to the admin panel, edit profile like name, email, ability to change the password and admin logout).
  • Services Module (including add services with optimized images using intervention/image laravel package, edit service, show and delete service. All these functionalities depends on AJAX technique).
  • Projects Module (including add a project with all details required and validations and optimized images, covers, integrate advanced text editor to the project creation process, show, edit and delete the project with AJAX technique).
  • Blogs Module (including add a blog post with all details required and validations and optimized images, covers, integrate advanced text editor to the blog creation process, show, edit and delete the blog with AJAX technique).
  • Project Types Module (including creation of new project types to use in contact us module in front design pages, show, edit and delete project types using AJAX technique).
  • Messages Module (including the ability for the front user to send message with all details and attachments using a form and reCAPTCHA v3 included, ability for admin to display the message and it will automatically change the status of the message and the ability to delete the message or download message attachments using AJAX technique).
  • Settings Module (including updating all settings required for the website like contact us details, addresses, emails, phones and all social links).

After completing the website in development environment, I was responsible for all the details in the deployment stage with optimizing all images, routes, view and caching the website to be more faster.

Used technologies for this website

This website depends on many technologies like :

  • Laravel Framework v.9
  • PHP
  • MySQL
  • JavaScript
  • Ajax
  • JQuery
  • Bootstrap 5
  • Css 3
  • Html 5
  • Git
  • GitHub

What is special or new about this website

There are many new things done for this project like:

  • Using reCAPTCHA V3 in contact us module.
  • Deploy the website using connection between local git, Github and the server usign server terminal with ssh key.
  • Add tinyMCE text editor to the admin panel with the ability to get all text editor data using Javascript.
  • Image optimizing using Intervention/Image laravel package.
  • Refactoring all my previous code and minifies it.