Commercial / Personal Web Projects.

Work's examples of Web Sites / Web Apps built from scratch by different technologies.

Technologies : WordPress, WooCommerce, PHP, Laravel, Bootstrap, Html 5, Css 3, Sass/Scss, Javascript, Jquery, MySql, Open AI ChatGPT, Moodle.

Environments : MacOS, Google Cloud Platform, Plesk, Cpanel, Mamp, Xamp, Git Hub, Azure.


Commercial Corporates Web Projects visible here.(Password required.)

FIGMA DESIGN / HTML / CSS / JAVASCRIPT.

Rodrigo Sylwan. Photographer.

One Scrolling Page Web Site. WordPress Custom Theme.

Project Description:

Web Design & Development request from Professional Photographer in Barcelona, Spain.
He asked to build a web page for his activity grouping the many pictures he made in main services to highlight the differents style of photoshooting he can provides.
He asked to connect this One Scroll Page Web Site to his portfolio.
The goals he achieved now is to show the differents categories of his work in the main page maintaining the features to udpate the portfolio libraries as he likes. Template ready to be converted to WordPress Theme.



Technologies:

Figma Web Design Software, Html, Css, Flexbox, Javascript, Netlify.


Visit the Web Site
rodrigo-sylwan

Francesco Zinno. Fotografo.

One Scrolling Page Web Site. WordPress Custom Theme.

Project Description:

Professional Photographer Web Site promoting Photo / Video Services.
Web Site hosted on Git Hub, synced with Netlify app hosting platform. Automatic online deployment from local development area on Mac by Git commands.
Template ready to be converted to WordPress Theme.



Technologies:

Figma Web Design Software, Html, Css, Javascript, Git, Git Hub, Netlify.


Visit the Web Site
francesco-zinno

WORDPRESS / WOOCOMMERCE.

ROBERTA ZANLUCCHI

WordPress

Project Description:

Italian writer promoting 2 new books. One for sale on Amazon.

1 Web Design + 4 versions of the web project availables:

A - Figma Web Design
B - One-scroll Page version.
C - 4 Pages version.
D - WordPress version + WP theme created by previous version.
E - Production Site.

A + B : Process started with collecting info with the writer to produce the web design, once approved, creation of one scroll page site.

C : Design of other 3 pages and conversion in a full 4 pages website.

D : Conversion of html / css / javascript project to WordPress Theme to be installed on WordPress

E : The final full version of the site published online (Hybrid Theme + Guttemberg + Custome Code).



Technologies:

Figma Web Design Software. Html / Css / Javascript, WordPress / Custom code Theme.

Links:

A : Figma Web Design
B : One-Scroll-Page Web Project
C : 4 Pages Web Project
D : WordPress Custom Code Theme
E : Online WordPress Web Site

roberta-zanlucchi

OLTRE SAS

WordPress

Project Description:

Transportation Services, Assembly, Storage of Italian furnishings of design.

Leader in the sector of goods transport and services dedicated to Italian design furniture.



Technologies:

Figma Web Design Software, WordPress.


Visit the Web Site
oltre-sas

SAVE THE CHILDREN - ONLINE SHOP

WordPress / WooCommerce

Project Description:

E-Commerce Web site dedicated to products offered for sale by the UK’s largest Charity organization.

Activity performed:

Front-end (Slider) and back-end (Plugins Development) changes. Issues Fixing. New features. Integration of external Javascript Plugins x improvements on accessibility. Regular maintenance.



Technologies:

WordPress, Theme & Plugins Customization / Development, ACF Advanced Custom Field, Child Theme Customisation, Bootstrap Slider.


Visit the Web Site
stc-shop

SAVE THE CHILDREN - WONDERBOOKS

WordPress / WooCommerce

Project Description:

E-Commerce Web site dedicated to books offered for sale in membership by a satellite company of Save The Children.

Activity performed:

New Front End design (Figma). Conversion to new UI. Regular maintenance.



Technologies:

Figma Desing, WordPress, Theme & Plugins Customization / Development.


Visit the Web Site
stc-wonderbooks

SAVE THE CHILDREN - RESOURCE HUB

WordPress

Project Description:

Save The Children Web site dedicated to the operations/resources made available to the charity’s staff around the world.

Activity performed:

Front-End / Back-End development of document upload module area via ACF Advanced Custom Field. Regular Maintenance.



Technologies:

WordPress, Elementor, ACF Advanced Custom Field.


Visit the Web Site
stc-resource-hub

END CHILD POVERTY

WordPress

Project Description:

The End Child Poverty Coalition is a group of around 120 plus organisations, charities, trade unions and faith groups, that are all in individual ways dedicated to the cause of alleviating child poverty.

Activity performed:

Customer requested the conversion of the old website to a new WordPress WebSite (re-design, re-build, deployment, hosting setup, mail re-configuration)



Technologies:

WordPress, Theme & Plugins Customization / Development.


Visit the Web Site
end-child-poverty

MARINA STORE

WordPress / WooCommerce

Project Description:

Woocommerce Web Site for sale of Italian clothing.

Leader in the sector of Italian Nautical Fashion Design.



Technologies:

WordPress / WooCommerce.


Visit the Web Site
marina store

USARE FINALCUT

WordPress

Project Description:

eTraining Platform. Membership WebSite. On-demand Video Tutorial Production & Management. Technical Documentation. Online Payments Management by Gumroad.



Technologies:

CMS WordPress, MySql. API Google for You Tube Plugin. WordFence (Security). Yoast(SEO).


Visit the Web Site
usarefinalcut

SHOTSTYLE STUDIO

WordPress

Project Description:

Photographer WebSite. Portfolio for Sport Photography & Video Editing Services.



Technologies:

CMS WordPress, MySql. API Google for You Tube Plugin. WordFence (Security). Yoast(SEO).


Visit the Web Site
shotstyle

VDS MOVERS

WordPress

Project Description:

SME WebSite. Web Creation & Video Editing for the Services Presentation.



Technologies:

CMS WordPress, MySql. WordFence (Security). Yoast(SEO).


Visit the Web Site
vdsmovers

FOOD ITALY

WordPress

Project Description:

Conversion from Web Design to WordPress Theme.



Technologies:

Custom Code WordPress Theme, MySql, Html5, Css3, WordPress Codex Guide.

Link:

Visit the Web Site
Food Italy Italian Cousine

DRIFT SCHOOL

PHP / WordPress / WP Custom Code Theme.

Project Description:

Custom Code SME Web Site. Services Presentation.



Technologies:

Php, Html5, Css3, Jquery, Javascript, MySql, WordPress.


Visit the Web Site - Html / Css
Visit the Web Site - PHP
Visit the Web Site - WordPress Custom Theme
driftshool

WORDPRESS / WOOCOMMERCE PLUGINS.

CUSTOM PLUGINS

WordPress / WooCommerce

Project Description:

Some examples of plugins created to add new features to WordPress Web Sites.



Technologies:

WordPress Codex. WordPress. WooCommerce.


Link to My Open Source Git Hub Repo:

WordPress / WooCommerce Plugins Repo
wp-plugins

PHP / LARAVEL / MOODLE.

KCALMETER

PHP / Bootstrap

Project Description:

PHP Web App collecting meals and calories consumed during the day in a MySQL database to check the total calories at the end of day with the goal to control the weight.
Featured with register/login functionality by sessions method to save users meals/calories datas .



Technologies:

PHP, Html5, Css3, Javascript, Jquery, Bootstrap 4, MySql.


Visit the Web Site
kcalmeter

VIDEO PRODUCTION

PHP / Laravel 12.1.1

Project Description:

2019 Web Site running on Laravel 5.7.14 / Php 7.4.33 (or prev).
Totally re-built on Laravel 12.1.1 / Php 8.2.0.
Added differents fixes to work with new Laravel version due to code not valid anymore on old Laravel.

Migration at beginning have been tried but the code written after upgrade of Php/Laravel was not working. It was therefore necessary to rewrite the application, solving the problems created by the code of the old version.

The old app was also using SCSS/Bootstrap, the new one by Laravel installation default was using Tailwind/CSS.

It has been necessary though for compatibility to remove tailwind and use bootstrap to avoid the rebuiding of UI.

This is demo website of the original one that actually Nowadays look different since the version I worked on.
For Privacy reason contacts ref were been deleted.



Technologies:

Laravel 5.7.14, Laravel 12.1.1, PHP 7.4.33, Php 8.2.0, TailwindCSS,Bootstrap, Sass/Scss , Html5, Css3, Javascript, Vue.js, MySql, Git/Git Hub.


Visit the Web Site
Italian Cousine

ASTRO TRACKER

PHP / Laravel

Project Description:

Web Site collecting meteors info from NASA JPL by NEO Project's API. Design by Figma, Coded using Javascript/Gsap for animations, API by NASA JPL, Featured with Laravel Blog functionality and Contact Form.
Texts contents generated by OpenAI ChatGPT.



Technologies:

Figma, Laravel, NASA JPL API, Bootstrap 5, OpenAI ChatGPT, Twitter-Bootstrap, Html5, Css3, Javascript, Gsap, MySql, Git/Git Hub.


Visit the Web Site
Italian Cousine

PHOTOs

PHP / Laravel

Project Description:

Web Project for managing photographs under authentication using Laravel V10 automation.



Technologies:

Laravel V.10 Framework, PHP, Bootstrap, Tailwind.


Visit the Web Site
photos-laravel-web-app

VEGA ITALIAN SCHOOL

PHP / Moodle Learning Management System

Project Description:

Web Project for managing courses and teaching of Italian Language in partnership with Vega Community Honduras by using Moodle Open Source Software.



Technologies:

Moodle LMS Open Source, PHP.


Visit the Web Site
vega italian school

JAVASCRIPT / OPENAI CHATGPT API.

TO DO LIST

Javascript / Open AI Chat GPT API

Project Description:

Simple to do list web application in javascript saving tasks in browser local storage



Technologies:

Html5, Css3, Javascript, Git/GitHub, Open AI Chat GPT


Visit the Web App
AI Chat Venture

AIRPORT TRAVEL PLANNER

Javascript / Open AI Chat GPT API / TOM TOM API

Project Description:

Artificial Intelligence Web App using OpenAI API Chat GPT & TOM TOM API.

Select location, season and who is travelling with you and AIrport Travel Planner Web App will generate a plan of places to visit including image and map with markers generated by Artificial Intelligence.

Open AI Api Key and Tom Tom API are required to use this app.



Technologies:

OpenAI ChatGPT API, Tom Tom API, Html5, Css3, Javascript, Git/GitHub.


Visit the Web App
AI Chat Venture

EMOJI CHEF

Javascript / Open AI Chat GPT API

Project Description:

Artificial Intelligence Web App using ChatGPT API.

Select 3 ingredients, the Web App will create the recipe and the image associated to your choice using AI

Open AI Api Key is required to use this app.



Technologies:

OpenAI ChatGPT, ChatGPT API KEY, Html5, Css3, Javascript, Git/GitHub.


Visit the Web App
AI Chat Venture

CHAT VENTURE

Javascript / Open AI Chat GPT API

Project Description:

Artificial Intelligence Web App using ChatGPT API.

Play a textual venture with chat GPT AI.

Open AI Api Key is required to use this app.



Technologies:

OpenAI ChatGPT, ChatGPT API KEY, Html5, Css3, Javascript, Git/GitHub.


Visit the Web App
AI Chat Venture

QUOTE BOT

Javascript / Open AI Chat GPT API

Project Description:

Artificial Intelligence Web App using ChatGPT API.

Ask a quote to chatGPT from pre-defined prompts created by Movie Fantasy Characters.

Open AI Api Key is required to use this app.



Technologies:

OpenAI ChatGPT, ChatGPT API KEY, Html5, Css3, Javascript, Git/GitHub.


Visit the Web App
AI Quote BOT

BOOTSTRAP STUDIO.

APPLE - DEMO

Bootstrap Studio

Project Description:

A demo website build using Bootstrap 5.



Technologies:

Bootstrap Studio, Html5, Css3, Jquery.


Visit the Web Site
Italian Cousine

TESLA - DEMO

Bootstrap Studio

Project Description:

A demo website build using Bootstrap 5



Technologies:

Bootstrap Studio, Html5, Css3, Jquery, Bootstrap Better Nav Open Source Lib


Visit the Web Site
Tesla Roadster - Demo WebSite

HTML / CSS / JAVASCRIPT.

OKAY WEB

Html / Css / Javascript

Project Description:

WebSite for promotion of Web Services.



Technologies:

Html5, Css3, Php7, Jquery, Javascript, MySql.


Visit the Web Site
okayweb

LIFE IS BEAUTY

Html / Css

Project Description:

Professional Make Up Shop. Services Presentation.



Technologies:

Html, Css, Javascript, Apple iWeb


Visit the Web Site
lifeisbeauty

TRATTORIA SPINI

Html / Css

Project Description:

Restaurant WebSite. Menu Presentation.



Technologies:

Html, Css, Javascript, Apple iWeb

trattoriaspini

JOOMLA / VIRTUAMART e-COMMERCE.

WEB AZIENDA

Joomla

Project Description:

SME WebSite. Services Management. Media Production.



Technologies:

CMS Joomla, MySql.

webazienda

ARCO GALLERY

e-Commerce Joomla

Project Description:

eCommerce WebSite. Sale of Works of Art. Catalog Management. Shopping Cart Management. Online Payments Management.



Technologies:

CMS Joomla, MySql, VirtuaMart.

arcogallery

ARTE NUEVAS

e-Commerce Joomla

Project Description:

eCommerce WebSite. Sale of Works of Art. Catalog Management. Shopping Cart Management. Online Payments Management.



Technologies:

CMS Joomla, MySql, VirtuaMart.

artenuevas

GLUT3 STORE

e-Commerce Joomla

Project Description:

eCommerce WebSite. Products Management. Cart Management. Online Payments Management.



Technologies:

CMS Joomla, MySql. VirtueMart.

g3store

EKOKEMICA ITALY

e-Commerce Joomla

Project Description:

Corporate WebSite. Catalog Management.Private Area Management. Products Docs Management. Media Production.



Technologies:

CMS Joomla, MySql, VirtuaMart. Members Area Plugin.

ekokemica

NICOMAT SRL

Joomla

Project Description:

Agency WebSite. Blog. Services. Ads.



Technologies:

CMS Joomla, MySql. Ads Plugin.

nicomatsrl

MARCO CAPPELLO

Joomla

Project Description:

Fans WebSite. Blog. News. Media Production.



Technologies:

CMS Joomla, MySql.

marcocappello

CASA CHARTER

Joomla

Project Description:

Real Estate WebSite. Ads Management.



Technologies:

CMS Joomla, MySql. Ads Plugin.

casacharter

CERCO TRASPORTO

Joomla

Project Description:

SME WebSite. Trucks Management (Spaces & Routes).



Technologies:

CMS Joomla, MySql, Third Parties Plugin for Space/Travel Management

cercotrasporto