Select your language

Web Development

Find out Web development projects in this category

Google check the pattern of user interaction to decide whether it is a “bot” or a real user. reCaptcha is a great “bot” detection solution from Google. It is almost impossible for a “bot” to simulate those patterns. So reCaptcha succeeds in blocking spam most of the time.

reCaptcha version 2
I will guide you reCaptcha version 2 in this topic. The user is to check a box saying “I am not a robot”. or it shows some picture puzzles too. It generally depends on how the algorithms of Google feels like the user's session is. Most of the time, users get to complete the Captcha just by a checkbox. Here is look of this captcha

recaptcha v2 admin

Preparing for reCaptcha
Go to the reCaptcha site and register for reCaptcha. Remember to enter your domains correct.

https://www.google.com/recaptcha/admin/site/474447712/setup
recaptcha v2 stop domain check

On completing the form, you will get a site key and a secret key. We will use the site key while displaying the recaptcha (see the code below)

reCaptcha HTML code
Here is a simple HTML form page with a form that contains the reCaptcha:

<html>
  <head>
    <title>reCaptcha validation demo</title>
     <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  </head>
  <body>
<div class="form_container">
  <form action="#" id="my_captcha_form">
    <div class="g-recaptcha" 
data-sitekey="6LfrFKQUAAAAAMzFobDZ7ZWy982lDxeps8cd1I2i" 
></div>
    <p>
    <button type="submit" >Submit</button>
    </p>
  </form>
</div>
</body>
</html>

First of all I included the reCaptcha api.js from the link https://www.google.com/recaptcha/api.js

Then class=g-recaptcha and data-sitekey attribute to a div element.

This will display a captcha when displayed.
PIC

reCaptcha Javascript Validation
The HTML code above only displays the Captcha. In order to verify that the user is not a “bot” we have to verify it.

Add this code into script tag, better to include in very last:

document.getElementById("my_captcha_form").addEventListener("submit",function(evt)
{

var response = grecaptcha.getResponse();
if(response.length == 0)
{
//reCaptcha not verified
alert("please verify you are humann!");
evt.preventDefault();
return false;
}
//captcha verified
//do the rest of your validations here

});
The code is triggered when the form is submitted. (onsubmit event handler). It checks with recaptcha whether the user has completed the validation.

 

How to disable domain validation temporarily
reCaptcha will insist the page should be from the designated domains only and will throw an error when you load the page from staging server or localhost. You can disable the domain validation temporarily in the settings page of the captcha (press the settings icon and update the setting)

recaptcha v2 stop domain check

 

SEF URL are search engine friendly URL, which help to get rid of ugly and difficult to read URL as following

www.myweb.com/products.php?slug=product_name

Search engine does not prefer such non SEF URL. While it prefer SEF URL, which are nice and easy to read as following

www.myweb.com/product_name

One of the most helpful functionality of the htaccess file is that you can create sef URL in PHP. You can use it to redirect one URL to another or use it to create a broad sweeping change to all URLs on your website. The htaccess file uses apache mod_rewrite module to do this job.

In this post, I was experienced with generating SEF URLs using htaccess and PHP. If you look into root folder of common CMS like Joomla, you will find there is htaccess . txt there which uses it to make SEF URLs. You can also read that file to understand it’s rules that how it works.

So you may learn htaccess rules and its syntax from their official site, but I will describe my project in this post which will show my experience as well as if someone want to learn he can take advantage too. And learn that how can we create SEO Friendly URL using . htaccess

How to Create SEO Friendly URL using . htaccess

STEP 1: Login to your cPanel Account. Navigate to File Manage under Files section. Browse to public_html folder & open . htaccess on editor.

STEP 2: Suppose you have got a dynamic URL like www.myweb.com/products.php?slug=product_name which you need to convert to a SEO Friendly URL. Well, write the codes below in your . htaccess file to perform this task

Options +FollowSymLinks

RewriteEngine On

RewriteRule ^product/([A-Za-z0-9-_]+)/?$  products.php?slug=$1 [NC,L]

 

Now after adding this code into htaccess file, it will turn URL into SEF URL.

So

www.myweb.com/products.php?slug=product_name

Will be

www.myweb.com/product_name

Which is preferred by search engines like Google etc.

So if you have custom PHP website and it needs to have SEF URL using htaccess and PHP. Just ask me.

mydocs_restricted_docs

Overview

I was hired by "Alessandro Sensoli", for

MyDocs Restricted Joomla 5 custom Component Development. 

He is from "savona 17100, Italy" and his reviews after job completion are : 

Abdul è uno sviluppatore molto capace e molto rapido. Ho richiesto lo sviluppo di un componente personalizzato abbastanza complesso per la gestione documentale di un'associazione. Abbiamo iniziato un rapporto di lunga durata e spero di avere altri progetti nel prossimo futuro da potergli proporre.
In English : Abdul is a very capable and very quick developer. I requested the development of a fairly complex customized component for the document management of an association. We have started a long-term relationship and I hope to have other projects in the near future that I can propose to him.

Our Role:

Job completed includes:

  • Development of “Mydocs Restricted Docs” component.
  • “Mydocs Restricted Docs” is a Joomla document management system component, with user restriction.
  • Extension is developed using Joomla coding standard structure.

Launch Website

ardhs_logo

Overview

I was hired by "Mike Ramo", a licensed Broker for

ARDHS real estate properties Joomla 5 custom Component Development. 

He is from "Panama" and his reviews after job completion are : 

Our Role:

Job completed includes:

  • Development of “Arhds Real estate Properties” component, advance search and related properties modules.
  • “Arhds Real estate Properties” is a real estate properties import and management component.
  • Ardhs Advance search module contain multiple search criteria.
  • Related Ardhs properties module shows related properties based on different property criteria in component list.
  • Extension is developed using Joomla coding standard structure.

Launch Website

Google Translate is paid cloud based API. This project translate full page on load to all language provided by google using Google translate API.

PHP is being used for this purpose, cURL library of PHP send request to Google translate API and fetch translated result in destination/target language.

Voluum is an innovative, real-time analytics platform for tracking online campaigns. Voluum as like many other third party services provides API to interact with it, but it support JSON API for now. I have created this piece of code with PHP, which is new for Fetch Data using Voluum API in PHP.

I have used cURL to call authentication API for voluum, then after successful authentication using its keys as provided by API, I have fetched its data, for now fetched data is offers as per requested by one of my client.

If you need anything else, feel free to ask.

TBMC development company website was built from scratch.

Features

  • Joomla site
  • Responsive template
  • Showing services of website

 Tbmcdevelopment web Link

Youtube Channel Justified Gallery Joomla Module is Joomla extension. It is unique extension and developed using Joomla standards.

Youtube Channel Justified Gallery Joomla Module uses Youtube data API v3, it fetches all
videos from a youtube channel, and display it using rich justified gallery.

Justified Gallery is a JavaScript library that allows you to show series of images in an elegant way.

Module provides number of parameters to set from admin. Following are parameters
- Channel Key (can be get from credentials menu from here console.developers.google.com)
- Channel ID (Get Channel ID from your youtube channel advance settings)
- Max Results (Max videos from youtube channel shown are 50, set number of video to show from 0-50)
- Order (Order of videos to show default is relevance, find out parameter acceptable values here https://developers.google.com/youtube/v3/docs/search/list)

 Its arab news website in Joomla, I was assigned to complete the modules in it. And address its responsiveness issues for mobile view.

It is joomla template completed for my client using twitter bootstrap. The website brand is PATAKI for President.

The beauty and richness of bootstrap is used to make this website looks fine and rich over desktop as well mobile devices.

It has responsive layout which is purpose of bootstrap.

This is standalone php script which I have titled "Mail client using PHP IMAP extension". This is being used as cron job to run after set period of time.
This script connects mysql database, then open imap connection stream to given server details(host, user, password). Then read their inbox for any new emails, fetch all details containing sender, subject, datetime, body, attachment of emails. Next matches sender from sender table in database, if found process next else email back with given condition response.
After that it download attachments, for now it is working on csv (comma separated) attachment, and write down them to the server, their content then are written to the database. After all operations are successful. It respond to sender email a successful email.
A useful script without checking email and attachments manually, it save time and do everthing you needed automatically.
In last it moves read email into other folder, for now called "Imported" folder.

Overview

Custom extension development & error fixation of Joomla websites for 2c-events.com

I was hired by "Damien Tochtermann", for sevaral Joomal website projects, 

He is from "15 Rue de Huningue, 68300 Saint-Louis, France" and his reviews after job completion are : 

Un professionnel comme on en rencontre trop peu, qui prend chaque, quelque soit son ampleur, très à cœur.
In English : A professional like you rarely meet, who takes everything, whatever its magnitude, very seriously.

Our Role:

Job completed includes:

  • “Mollie Refund Hikashop” is a plugin used to refund hikashop order amount to user’s mollie account which was completed using mollie payment method.
  • "Easysocial Profile linker for Hikashop / Hikamarket" This plugins allow to link a Vendor (or Brand) to his Easysocial Profile instead of Hikashop / Hikamarket default profile.
  • Learning Management System extension development named "Tarbiat LMS".
  • Contact module development.
  • Joomla website security & Clean from viruses.

His personal website is : www.2c-events.com

Launch Website

Custom Bootstrap Joomla website

Period Home Pointing

is business name and it is developed using Joomla bootstrap custom template and website.  A complete bootstrap 3 template start from scratch, it was also psd to html to joomla conversion project.

Cthis Social network website in wordpress

A social network website in wordpress is done for cthis.info, it's feature include:

  • Social network sharing support like facebook, twitter, linkedin etc.
  • Builtin social network allows user of site to interact with each other, and send private messaging
  • Video galleries used as video ads,

Broken Link checker Joomla Component

Broken Link checker is a admin Joomla Component that checks website url links and find out their status using PHP get header function.

I was need to find out broken links on website, I tried to find out any existing extension available, but was not able to find out. So I decided to develop my own extension. It mean it is first idea too.

In this component it list all URL links in admin and prints their HTTP status. Green status represent HTTP/1.1 200 OK which represent working URL link. HTTP/1.1 303 See other which is also working URL link but has restrict access and finally all other HTTP status fall in not working represented in red color. No matter they are broken link or Internal server error links.

b2c-pakistan

B2C complete website in Joomla

Features

  • Joomal responsive template
  • Advertise website letting end user to advert their business in listing with free and paid features
  • Strong advance search enabling user to find easily what they are looking

Visit website here : https://b2c.com.pk/

 

b2c yellow pages

Mufti Muhammad Ismail Toru's website in Joomla

is Joomla project and uses bootstrap for mobile friendly website. Its features

  • Multilingual website (Urdu and English)

  • Bootstrap mobile ready responsive web

  • Custom youtube channel extension (using youtube data api v3) to fetch youtube channel videos and showing using "Justified Gallery"

TalentValue Human Resource System

TalentValue Human Resource System is your resource center to access and license dependable, low cost HR solutions and technologies. Many organizations do not know the true cost of their HR strategies.  With the cost of recruiting on the uprise due to a more competitive, aging applicant pool, the high cost of turnover and new employee training it is imperative that employers get a firm handle on what their HR Program costs.  Discover what opportunities you have to drive a higher return on human capital investments.

TalentValue Human Resource System is a joomla based web portal solution developed for Talentvalue Inc. This is basically working much like web portal, where different associations are allowed to register and can login to have their own dashboard with their custom design pages. It has following features :

  • Template designed and developed from scratch using Bootstrap mobile responsive.
  • Custom Modules developed to become part of functionalities required on dashboard of logged in associations.
  • Image slider component is used.
  • Form maker extension is used, which is very rich component to build forms on website and use them for several purpose like contact us, submit information etc.
  • K2 content extension is being used for website content areas.
  • Core user component is extended with custom developed profile plugin, and usergroup plugin is used on registration page, so one can select appropriate association while registering them. Profile plugin extend user information to be saved while user / association get registered.
  • After registration and activation, when someone association login, system automatically recognize it and direct it to right dashboard and association links and pages.
Ajax contact in Joomla Module

Ajax contact Joomla Module

Ajax contact Joomla Module is a Joomla module that uses core ajax component com_ajax to utilize the ajax technology.

It also has validation feature. A user fills in form and submit, upon submitting the form it does not refresh full page, rather using ajax technology only that form is submitted and request sent asynchronous to the server, Server then process request and responds. Respond is then shown to user in form of success or failure message at the top of form.

It is very suitable if you don't want full page contact and want contact form to be in home, may be to the right left sides or in bottom. Or you have one page website and want to place it on that page.

Overview

Sahadas Joomla Testimonial Custom Extension Development & Joomla website fixation

I was hired by "Giovanni Santoro", for the website, www.casasantoro.it

He is from "Techelsberg Austria" and his reviews after job completion are : 

Abdul is an exceptionally professional and efficient full-stack developer from Pakistan. I discovered him in various Joomla groups on Facebook and initially contacted him to address some issues (related to the database and caching) on my website. He responded swiftly, resolving the problem within a day—a feat that had eluded other professionals.Approximately a week later, Abdul developed a custom, responsive Joomla extension (comprising both a component and a module) designed to display customer testimonials on my website. This extension stands out for its ease of management directly from the backend, its full responsiveness, and its inclusion of numerous settings and features that are not found in other extensions within the Joomla Extensions Directory.I wholeheartedly recommend Abdul. For those hesitant about engaging with a freelance provider from Pakistan, let me assure you: there's no need for second thoughts. Abdul's work is exceptional, and I eagerly look forward to collaborating with him again in the future.

Our Role:

Job completed includes:

  • Joomla website cookie code correction
  • Development of new testimonial component and module named "Sahadas Testimonials".

Launch Website