Julian Xhokaxhiu

Pagani Automobili S.p.A. is an Italian manufacturer of sports cars and carbon fibre. The company was founded in 1992 by the Argentinian Horacio Pagani, and is based in San Cesario sul Panaro, near Modena, Italy.

What I did was the design of the layout using all the latest technologies, from Desktop-side to the Mobile-side, to make it responsive and comfortable for every device that will surf on this Website.
It was my job also to animate the menus and make them confortable and compatible with Internet Explorer 6.x, 7.x and 8.x.

Finally the Storyline page was completely made from scratch using jQuery, jQueryUI and some CSS Hacks to accomplish the goal. The plugin that was born from this project can be freely found on my Github, but also on my personal website.

• PortalOnline.NET Aicod Proprietary CMS

• ASP.NET (VB.NET)
• JSON

• XHTML 1.0 Strict
• CSS 2.1 / 3.0
• Javascript (pure) / jQuery / jQueryUI

• Google Analytics
• AddThis

• Google Chrome
• Mozilla Firefox
• Safari
• Internet Explorer 7.x / 8.x / 9.x

Parmigiano-Reggiano (also known as Parmesan cheese) is a hard granular cheese with a long and natural maturation. It's a highly concentrated cheese and contains only 30% water and 70% nutrients. This means that Parmigiano-Reggiano is very rich in protein, vitamin and mineral.

Main goal was to relaunch the company with a social approach. So the main focus was on presenting an Organization website with a brand new looking graphic. Also, was truly important to make it easy for users to find the nearest vendor through a nice looking Map (thanks to Google Maps technology) and a search engine behind it.

Also, all the interactions which pull server-side informations was accomplished thanks to AJAX technology through jQuery libraries. Also modals and other graphics components are based upon jQuery UI library.

• PortalOnline.NET Aicod Proprietary CMS

• ASP.NET (VB.NET)
• JSON

• XHTML 1.0 Strict
• CSS 2.1 / 3.0
• Javascript (pure) / jQuery / jQueryUI

• Google Maps API v3
• Google Analytics
• AddThis

• Google Chrome
• Mozilla Firefox
• Safari
• Internet Explorer 7.x / 8.x / 9.x

The Maserati Ghibli is the name of three different cars produced by Italian manufacturer Maserati: first from 1966 to 1973, secondly as the Maserati Ghibli II from 1992 to 1997, and thirdly from 2013 onwards.

Main goal was to make a first-class website for users interested in this particular car model. The website design was focused on two aspects: the Desktop one (optimized for monitors up to 1920 resolution), and the Mobile one (optimized for Tablets, like iPads and Android ones). Personally I worked upon the mobile one, using the best responsive technologies combined with all HTML5 video futures (no Flash plugins, since they're not supported).

Many third party Javascript plugins were used (like jQuery, BootstrapJS, MediaElement.js, etc.) but also jQuery Mobile (to work with touch events), best combining them to give the best experience from Smartphones to Tablets. Performance was really important to me, so I cherry picked things from those libraries to get things done, but also to keep libraries small and faster to be downloaded over mobile connections.

Finally, for the Desktop side I had to patch a Javascript component called BigVideo.js to accomplish some project goals, since the plugin natively didn't support them (like this, this and this one). Of course, anything was given back to the community and main leader project. So I asked the creator to accept my Pull requests on GitHub.

• Silex PHP Micro-Framework
• Bootstrap 2.x Mobile Version

• PHP

• HTML5
• CSS 2.1 / 3.0
• Javascript (pure) / jQuery / jQuery Mobile / Bootstrap

• Google Analytics

• Google Chrome
• Mozilla Firefox
• Safari
• Internet Explorer 8.x / 9.x / 10.x

CFT spa (Catelli Food Technology), the world market leader in the construction of food processing and packaging line, is a company located in Parma established in 2006 from the merger of two worldwide important food plant engineering and manufacturing company, Rossi & Catelli and Manzini, has set up a production centre of reference in the field of food technologies.

Since Smartphones and Tablets are being used much more than PCs, as time goes on, the main goal for this website was to Design it in a responsive way, based upon a Flat Design. Based on this, Bootstrap 3.x was the chosen candidate to be used as a Framework. HTML5, CSS3 and latest Javascript techniques and libraries were involved to make it as much possible lightweight for browsers, but first-class looking graphics for users.

Effects, animations, transitions and positions, were made using CSS3 techniques combined with CSS 2.1 ones and jQuery (such as .fadeIn or .animate API calls).

Finally, a Reference Map of the presence of CFT in the World, was important to be included inside the CMS. So, a really hard work and integration with Google Maps API was done. Points are automatically obtained from a Database populated inside the CMS, descriptions of points are got with an AJAX call (NOT loaded with the main json where points are placed). This decision was crucial since the user is really not interested in ALL the points, but some of them. So, loading the contents asynchronously was the best solution to reduce bandwidth and resources usage. Also, a nice menu where you can hide points inflated inside a Category was automatically generated through a tag system inside the CMS.

• PortalOnline.NET Aicod Proprietary CMS
• Bootstrap 3.x

• ASP.NET (VB.NET)
• JSON

• HTML5
• CSS 2.1 / 3.0
• Javascript (pure) / jQuery / Boostrap

• Google Maps API v3
• Google Analytics
• AddThis

• Google Chrome
• Mozilla Firefox
• Safari
• Internet Explorer 8.x / 9.x / 10.x

Turismo Reggio Emilia is the official Reggio Emilia website for tourists (City of Reggio Emilia, Po valley and Province).

An important piece of this project was dealing with 4000+ POI and be filtered with some nice combos within a webpage, so users can easily and quickly find their place of interest when they come to Reggio Emilia. A hard optimization was done writing the Javascript code to integrate the Google Maps API v3 inside the website. Just placing points in the map, all of them, was not the solution. Some old browsers like IE 6.x were really crashing after some seconds of loading. So, hacks were necessary to make it work there.

Loops, conditions, switches and other things in the code were really rethought from the ground to be easily managed by old browsers. Also, grouping the points helped a lot the Javascript Stack, so using a simple library called Marker Cluster Plus, pushed the seconds necessary to be loaded to just 3-4 seconds.

The map itself once the points are loaded, make filters combined with other ones (three of them actually available), directly on the client (no Server Side ajax loading). While searches are done through Ajax calls, since we have to search in multiple database fields, replying the SQL logic on the Javascript side was not performant as well. For sure it can be optimized probably with WebSQL nowadays, but since we have to deal with very old browsers, this technology was really not useful to us.

• PortalOnline.NET Aicod Proprietary CMS

• ASP
• JSON

• XHTML 1.0 Strict
• CSS 2.1 / 3.0
• Javascript (pure) / jQuery / jQueryUI

• Google Maps API v3 w/Marker Cluster Plus
• Google Analytics
• AddThis

• Google Chrome
• Mozilla Firefox
• Safari
• Internet Explorer 6.x / 7.x / 8.x

ACERNI OFFROAD offers full service professional installation and custom fabrication services, specialized in Jeeps. Acerni is the industry leader in off road.

Main goal was to give the best e-commerce experience without losing their Management Information System where their database came from. So, actually using the best tool was crucial for us, that's why we finally choose Magento. A full installation, configuration and design of the website was totally done by us.

What I had to manage was the Design and the Template aspect. Modifing them, satisfing client's goals and giving the user the best experience while browsing the store. Also, under the hood a Google Analytics is there to keep track of everything that happens in the website. So, getting number of visits, country of origin or browsers used to interact with the website, was just a matter of seconds, using the Google Analytics Dashboard.

• Magento E-Commerce

• PHP

• XHTML 1.0 Strict
• CSS 2.1 / 3.0
• Javascript (pure) / jQuery

• Google Analytics

• Google Chrome
• Mozilla Firefox
• Safari
• Internet Explorer 7.x / 8.x / 9.x

The Baden-Wuerttemberg Cooperative State University Stuttgart (Duale Hochschule Baden-Wuerttemberg Stuttgart, DHBW Stuttgart) is one of the largest universities in the Stuttgart and Upper Neckar regions: Currently around 8,400 students (excluding Master students) are enrolled in our study programmes. DHBW Stuttgart with its campus in Horb, is the largest of nine locations of the Baden-Wuerttemberg Cooperative State University (DHBW).

Mobile first website developed from scratch. Templates were done externally from another Graphical Agency, but our goal to convert the PSDs in HTML Templates, and later integrate them inside Typo3.

My personal goal here was to develop principally the templates. The tool that helped me on archiving it really fast, was the one I decided to develop in the same period called "Mockup Creator" ( https://github.com/julianxhokaxhiu/mockups-creator ). Thanks to that stack based over NodeJS and Grunt, I was able to provide a first-class pixel-perfect Bootstrap based mockup.

The workflow was managed using Agile and Scrum, continuous meetings with the customer by showing the status of the project page after page. Finally after the mockups were done, it was the job of the integrators to fill the static templates with dynamic content, by using Typo3 CMS, where I also contributed by using the Typoscript template language.

• Typo3 CMS

• PHP
• Typoscript

• HTML5
• CSS 3.0
• Javascript (pure) / jQuery
• Web Fonts
• Web Icons ( custom integration of external SVGs too )

• Google Analytics

• Google Chrome
• Mozilla Firefox
• Safari
• Internet Explorer 9.x / 10.x / 11.x
• iOS
• Android

Messe Stuttgart reflects the successful economy in Baden-Württemberg. “Key to markets” is the Messe slogan, but also our promise to the customers. The trade fairs in Stuttgart reflect the importance and innovative power of the Baden-Württemberg economy – also in the international context. They are leading trade fairs in the respective industrial segments.

This website has a real long story, a lot of content is there and the main purpose of the redisign was making it responsive without losing the main look that already had on Desktop. So the goal was to provide a Tablet and Smartphone layout which was fitting really nice with the Desktop and modern technologies today available.
Because of this some pages were realized more as a Wireframe rather than real templates, so most of the creative work was totally decided by me.

My personal goal here was to develop principally the templates. The tool that helped me on archiving it really fast, was the one I decided to develop in the same period called "Mockup Creator" ( https://github.com/julianxhokaxhiu/mockups-creator ). Thanks to that stack based over NodeJS and Grunt, I was able to provide a first-class pixel-perfect Bootstrap based mockup.

The workflow was managed using Agile and Scrum, continuous meetings with the customer by showing the status of the project page after page. Finally after the mockups were done, it was the job of the integrators to fill the static templates with dynamic content, by using Typo3 CMS, where I also contributed by using the Typoscript template language.

• Typo3 CMS 6.2.x

• PHP
• Typoscript
• Templavoilà

• HTML5
• CSS 3.0
• Javascript (pure) / jQuery
• Web Fonts
• Web Icons ( custom integration of external SVGs too )
• SVG ( for the Interactive Ground Plan )

• Google Analytics

• Google Chrome
• Mozilla Firefox
• Safari
• Internet Explorer 8.x / 9.x / 10.x / 11.x
• Microsoft Edge
• iOS
• Android

4P Consulting has outstanding experience by its industry focus and recognized expertise of its expert positioning in the banking market. And not just for bank managers, even at board level, works councils and staff councils or supervisory and inspection organizations throughout Europe.

The project goal was to deliver to the customer a fully working website, with disposable Content Elements and detachable from the context on every page ( which means that every Content Element is indipendent and fully on his own).
Template realization in this case were totally done in-hourse with full cooperation between the Graphical expert and me.

My personal goal here was to develop principally the templates and lead the integration on Typo3 by using the outstanding technology Framework of Flux.
The tool that helped me on archiving it really fast, was the one I decided to develop in the same period called "Mockup Creator" ( https://github.com/julianxhokaxhiu/mockups-creator ). Thanks to that stack based over NodeJS and Grunt, I was able to provide a first-class pixel-perfect Bootstrap based mockup.

The workflow was managed in the old fashioned way, in a small team of four persons: me ( template master ), Typo3 Integrator, Graphic guy and Project Leader. Because of this, the flow didn't took much than four weeks to start from scratch with the project and make it ready and usable for the customer on the official domain.

• Typo3 CMS 6.2.x

• PHP
• Typoscript ( only for the configurations of Typo3 )
• Flux / Fluid ( for the whole layout and every content element )

• HTML5
• CSS 3.0
• Javascript (pure) / jQuery
• Web Fonts
• Web Icons ( custom integration of external SVGs too )

• Google Analytics

• Google Chrome
• Mozilla Firefox
• Safari
• Internet Explorer 9.x / 10.x / 11.x
• Microsoft Edge
• iOS
• Android

As one of the largest private foundations in Germany, Stiftung Polytechnische Gesellschaft Frankfurt am Main is dedicated to working for the benefit of Frankfurt and its citizens. Its work is concentrated in three main areas:

• Education, science and technology
• Arts and culture, including preservation of the city's cultural heritage
• Social, charitable and humanitarian work.

The project goal was to deliver to the customer a fully working website, with disposable Content Elements ( called Modules ) and detachable from the context on every page ( which means that every Content Element is indipendent and fully on his own).
Graphical templates were done from an External Agency chosen by the customer.

My personal goal here was to develop principally the templates and lead the integration on Typo3 by using the outstanding technology Framework of Flux.
The tool that helped me on archiving it really fast, was the one I decided to develop in the same period called "Mockup Creator" ( https://github.com/julianxhokaxhiu/mockups-creator ). Thanks to that stack based over NodeJS and Grunt, I was able to provide a first-class pixel-perfect Bootstrap based mockup.

The workflow was managed in the old fashioned way, in a small team of three persons: me ( template master ), Typo3 Integrator and Project Leader. Also various meetings with customer was taken to make sure that every detail was done correctly. No mistakes were allowed.

• Typo3 CMS 7.6.x

• PHP
• Typoscript ( only for the configurations of Typo3 )
• Flux / Fluid ( for the whole layout and every content element )

• HTML5
• CSS 3.0
• Javascript (pure) / jQuery
• Web Fonts
• Web Icons ( custom integration of external SVGs too )

• Google Analytics

• Google Chrome
• Mozilla Firefox
• Safari
• Internet Explorer 9.x / 10.x / 11.x
• Microsoft Edge
• iOS
• Android

Dolci Delizie is the first class choice for everything related to bakery decorations. Because of its exclusive partnership with the well know company called Modecor and many others also well known, it's just the first one in the Stuttgart area which provides only the best products to the customer at a fair price.

The project goal was to deliver to the customer a fully working e-Commerce website, since the goal was at the beginning to sell online. Luckily the business got a little expanded and now it also have a Physical store in Weinstadt-Endersbach.

My personal goal was to setup everything: the VPS where to host the website, setting up the domain, making sure that the website was always reliable thanks to Cloudflare technology, preparing and making the setup of Wordpress + WooCommerce and finally style graphically the store.

The workflow was managed internally and totally by me.

• Wordpress / WooCommerce

• PHP

• HTML5
• CSS 3.0
• Javascript (pure) / jQuery
• Web Fonts
• Web Icons ( custom integration of external SVGs too )

• Google Analytics

• Google Chrome
• Mozilla Firefox
• Safari
• Internet Explorer 9.x / 10.x / 11.x
• Microsoft Edge
• iOS
• Android

Mercedes-Benz is a German global automobile marque and a division of Daimler AG. The brand is known for luxury vehicles, buses, coaches, and trucks. The headquarters is in Stuttgart, Baden-Württemberg. (Source: Wikipedia)

The project goal was to create a unique next-generation platform for Daimler able to produce more leads in terms of visits and sales, either offline or online.

Within the project I had various goals:

• As Holacracy Employee: Helping the organization in structuring the Frontend Team that would have worked across the various ecosystems living, from the core to the various SPAs
• As Holacracy Employee: Contributor and Creator of the Corporate Website, creating and driving the team in order to successfully develop the Organization Website able to generate leads towards Job Recruitment
• As Senior Frontend Engineer: Foster the development community living within the organization, enabling and empowering a fully autonomous ecosystem of Single Page Applications developed with various framework ( like Angular.js, React, Vuejs and many more ), to live under one single page providing a unique user experience, no matter where the user lands.
• As Solution Architect: Working and coordinating with various Mercedes-Benz third-party providers, across different regions in Europe and Worldwide, centrilizing the core development as well as empowering those teams in being able to contribute with new ideas
• As Cloud Operations/Engineer: Working and creating new Cloud-based solutions within the organizations using AWS, Terraform, Kubernetes, Docker, NodeJS and many more toolings and/or platforms
• As DevOps Engineer: Working and empowering various team in being able to deploy with minimal downtime as well as minimum build times using Jenkins on top of Kubernetes; Providing a stable Sonarqube platform for artifacts code quality and security quality assurance

• Adobe Experience Manager 6.x

• Java

• HTML5
• CSS3
• Javascript (pure) / jQuery
• Web Fonts
• Web Icons ( custom integration of external SVGs too )

• Adobe Analytics

• Google Chrome
• Mozilla Firefox
• Safari
• Internet Explorer 11.x
• Microsoft Edge
• iOS
• Android

Since I've begun following the NodeJS scene and development on this wonderful brand-new web server, only one question was inside my head: "Why isn't there any WAMP-like stack to start with the development?". And so, searching on Google, I found a guy talking exactly about this.

So, I ended up on creating my first and unique WAMP-like installer which will bring to you the latest version of NodeJS, MongoDB and NPM, directly available and integrated with the Windows Command Line utility. As it does happen likely in Linux, you're ready to work by just writing down node, mongo or just npm, and you're done.

A future plan of this stack, is to implement an Auto-Update feature which will not require you to re-download the entire stack, but only the updated single part, and also, to give the freedom to the user to update what they want. No more bulks of updates, you just do it by yourself. And, because of this I've begun to write down a simple Package Manager based on JSON structure, called JPM.

During time, the NodeJS stack and installer reached a very mature state, and the full stack was superseded by other cool package managers for Windows such as Chocolatey Package Manager. Therefore the project is now deprecated.

• NodeJS Javascript Web Server
• MongoDB Database No-SQL
• NPM NodeJS Package Manager

Linux DaVinci is a simple Linux distribution with a simple goal in mind: just boot your PC and code. No matter what, you'll always have a fresh development area available to you. Based on this, the Distro was born, and lately adopted by the school where I finished my studies before getting work. Actually, it's totally in Italian language, since it was primary focused for my School, but future plans are to port it also to English language (just to make it more International) and also with updated packages (since it has actually, pretty much old packages).

Another goal of this distribution was to give the users the freedom to develop from Linux for Windows. Students can easily compile C/C++ sources for Windows through Wine, and run them on Windows without any further step. Also, after they're sure it runs on Windows, can easily try to compile it on Linux natively too. Guiding people on writing better portable code, will for sure help the people improve their way to think and code their own projects. Or maybe, that's what I'm trying to do with this simple distribution.

• I.T.I.S. "Leonardo Da Vinci" Parma, Italy

• Slax

• See the full list in the official website

Open Source to me is a core idea. It's something in which I really believe and I practice everyday. That's why I decided to publish every project I do on GitHub. Collaboration with other people will for sure grant better features, security and important patches to make the software itself better.

You'll find projects I started from scratch or projects from other guys, improved and released again to them through Pull Requests. Actually, the latest thing on what I worked on was the Linux Kernel for Android, and it was pretty fun. I fixed some build things and made it more easy to compile. And actually, the community got a big benefit of this, because everyone now can compile their own kernel easily with little-to-none knowledge on Kernel development.

This community was born in collaboration with Vincenzo Provenza and mantained with other guys.

Main goal of this group was to create the best place where Italian Developers can talk about ideas, experience and co-operation on new projects. The best place where best developers can easily get in touch with skilled ones, or help newcomers to get the things done, by giving them little help or explaining things. Just something like Stack Overflow, but much more little and based on Facebook Groups communities.

Until now we're counting more than 7400+ users and growing everyday.

This community was born in collaboration with Antonio Barra and mantained with other members as well.

Main goal of this group was to create the best place where Italian Developers can talk about ideas, experience and co-operation each other on new projects. The best place where best developers can easily get in touch with skilled ones, or help newcomers to get the things done, by giving them little help or explaining things. Just something like Stack Overflow, but much more little and based on Google+ Communities.

Until now we're counting more than 3400+ users and growing everyday.