ARCC Association

The Main tasks achieved in this project consists in :

• Building a fully responsive and mobile friendly website using WordPress themes/plugins development, Html, Css, Javascript, Jquery, Bootstrap and Sql.
• The website currently offers the following services:
  • It presents a slider that invites visitors to support the association with donations
  • It presents a chronometer that shows a countdown to the date of the next event that will be organized by the association
  • It collects and manage the contact forms sent by visitors
  • It presents the activities of the association in the form of journal of publications and events
  • It presents the “About” of the association and the “Team members” that participates to run the association
  • It presents the galleries of each event in the form of photos and videos
  • It shares resources for download related to events for medical staff as well as for the public
  • It collects and manages the donations wired by visitors
  • It proposes a newsletter membership to share knowledge about research and sensibilisation against cancer
  • It proposes an admin page at the back-end that allows to backup the database as well as the files of the website.

The following is preview of the most important functionalities :

1- Building a slider inviting visitors to donate to support the association goals:

• Developing a Widget using WordPress core in Php
• Using Javascript and css to manage the animation
• The following Gif is an animated preview of the slider:

2- Building a Chronometer component above the slider displaying a countdown to the planned date for the next coming event organized by the association

• Using Html, Javascript and Css
• The following Gif is an animated preview of the Chronometer:

3- Manage Contact forms in the front-end and back-end of WordPress

• Developing a WordPress shortcode to display the contact form at the front-end with Google recaptcha integration (v2) and the following image is a preview:

• Developing a wordpress admin page at the back-end to manage the sent contact forms and the following image is a preview:

4- Adding a custom field to the subscription form allowing the user to choose the space he want to be part of (Public or Medical)

• The following is preview of the custom field at the front-end:

• The following is a preview at the back-end of the user profile admin page:

5- Customize the comments template using the file comments.php and developing a shortcode to integrate the comments interface inside the page builder (Gutenberg)

• The following image is a preview of the interface:

6- Developing a backup admin page in the back-end of the website allowing :

• The export of the database in the form af an Sql file
• The import of the database by running the exported Sql file (db backup)
• The export of the entire website excluding the database that has to be exported a part
• The following is a preview of the backup interface:

7- Developing a QR code generator for web links at the back-end using Php QR code library :

• The following image is a preview of the interface:

8- Developing a Gallery interface for the front-end to display photos and video taken during each event organised by the association:
The gallery interface is loaded thanks to a selector that shows a list of all galleries

The following image is a preview of the gallery for the “6th Onco-milit Day” event: