Compliance

Core Requirements Fulfillment

This project fully adheres to the specifications outlined in the Website Project Brief:

  • Topic: The website is dedicated to the research of the chosen OS (Bodhi Linux) and includes all mandatory sections: Introduction, History, Unique Features, Market Statistics, Pros and Cons, Compliance, Conclusion and References.

  • Hosting: The website is hosted on an AWS (instance type was changed to t3.small instance) cloud-based LAMP server (Linux, Apache, MySQL, PHP), as required.

  • Domain Name: A custom domain has been configured using duckdns.org to provide professional access.

  • Analytics: User activity is tracked via a connected Matomo analytics server.

During the development and server configuration, several critical technical tasks were successfully completed:

  • Permalink Configuration: To enable “pretty” URLs, the Apache server configuration was modified. In the /etc/apache2/apache2.conf file, the AllowOverride directive for the /var/www/ directory was changed from None to All. Additionally, the rewrite module was enabled (a2enmod rewrite), and a .htaccess file was configured.

  • Server Management: Proficiency in AWS EC2 console management was demonstrated, including instance state control (Start/Stop) and terminal operations via SSH using administrative privileges (sudo).

  • Design Optimisation: The Astra theme was selected and customised to ensure a professional appearance.

The following plugins were installed to enhance the website’s functionality and usability:

  1. All-in-One WP Migration: for creating a complete backup of the website for final project submission.
  2. TablePress: used to create structured, user-friendly tables for data comparison and an organised reference list.
  3. Elementor: primary page builder used to develop a unique, professional, and responsive website layout.
  4. Starter Templates: provides access to a library of professionally designed website structures, features and quick setup for the Astra theme. I used the “We love nature” template to biuld website.
  5. WP-Optimize: a performance tool used to clean the database, compress images, and cache pages for faster loading speeds.
  6. SureRank SEO:  analyses content and optimises meta tags and keywords, helping the website rank better in search results.
  7. Ultimate Addons for Elementor (UAE): Expands the Elementor widget library with advanced features like dual-colour headings and content toggles for a more standout design.

The list of WordPress Blocks/Widgets was used to assist in information display:

  1. TablePress: used for displaying tables on the website (created 4 tables on History, Pros and Cons, Market Statistics and Unique Features pages.
  2. Shortcode: used to embed TablePress tables into the Elementor layout.
  3. Tabs: for organising content into different clickable tabs. It saves space by showing only one section of text at a time, making the page look cleaner (used on the Unique Features page).
  4. Accordion:  creates a list of headers that expand when clicked (used on Compliance and History pages)
    Site Title & Logo: automatically displays my site icon, next URL and the logo in the header (displayed on every page)
    Search: added a search bar to the header (displayed on every page).
  5. Copyright: placed in the footer to show the year and my name, it gives the website a professional and official appearance (displayed on every page).
    Social:  added to the footer, links to social media profiles and contact details (displayed on every page).
  6. Counter:  displays numbers that “count up” when the page loads (on the Market Statistics page).
  7. Icon List:  for the reference list with custom CSS IDs (anchors) for easy navigation. I used it to decorate the Pros and Cons page without links added.
  8. Video: for embedding videos ( on Introduction and Compliance pages).
  9. Image/Gallery: to display official logos and interface screenshots (Gallery is on Pros and Cons and Market Statistics, Images – on every page).
  • Security Configuration: Implemented a secure connection (HTTPS) using Certbot and Let’s Encrypt for the duckdns.org domain.
  • Troubleshooting: Managed server-side configurations in /etc/apache2/apache2.conf to enable AllowOverride All for proper directory access
  • Reference List Navigation: Additional effort was made to implement an anchor link system. Each entry in the reference list has a unique CSS ID, allowing users to jump to specific sources via direct links.
  • Custom CSS: Specific CSS code was written for the TablePress plugin to customise fonts, header colours, and cell padding to match the website’s overall branding.

Screencast Video About Website