KG about me my work resume blog contact Back
KG about me my work resume blog contact Back
Hello

I'm Khalil Gharbaoui

Developer | Web Designer | Digital Marketeer

  • Age 32
  • E-mail khalilgharbaoui@hotmail.com
  • Phone +31 6 16 660 264

After years of web-designing using HTML5/CSS3, WordPress and third-party applications, I decided to rise up to a new challenge: Web Development, Coding & Developing in multiple languages. I have always seen myself as a problem solver and I'm very curious in nature especially when it comes to digital things♡.

I've attended a S.O.L.I.D traineeship and I'm comfortable with Ruby and Ruby on Rails, JavaScript and jQuery, AJAX, ReactJS, NodeJS, MVC, OOP & REST, all kinds of SQL & NoSQL Databases, Testing and of course Github + CI. I'm also certified as a Google Partner.

Creating thought through Front-ends or UI/UX, and reliable RESTful APIs or back-ends is what interests me the most.

"I'm currently looking for a job as a Junior Developer!"

Contact me, see my work or read about my experiences on my blog.

Real World Projects ✅

WeTransfer's Emails (Ruby/RoR)




Codaisseur's Front (Ruby/RoR)




Coddaisseur Academy

Front-End





Flip this card for more information!

Codaisseur Academy

Fron-End

See Live Website!


Frameworks & Languages used:


Ruby, Ruby on Rails, SLIM, SASS, jQuery, JavaScript, MaterializedCSS, ReactJS on Rails

Academy Projects✅

Codeschool Reviews

I've builded this code school review application on my own as a homework assignment during my developer traineeship at Codaisseur. The purpose of this project was to exercise all the acquired skills before the final week.

Flip this card for more information!

Codeschool Reviews

demo back-end front-end

Frameworks & Languages used:

Ruby, Ruby on Rails, PostgreSQL, ReactJS, NodeJS, JavaScript, HTML5/CSS3, JSON, jQuery, AJAX, Bootstrap, CORS, Puma HTTP 1.1 server, Rspec, CI

Check Task Manager!

A Project Management tool with a RESTful API back-end in Rails using JSON & a ReactJS front-end. I've worked on this project in a team of 4, in the 4th week of my developer traineeship.

Flip this card for more information!

Check Task Manager!

demo back-end front-end

Frameworks & Languages used:

Ruby, Ruby on Rails, PostgreSQL, ReactJS, NodeJS, JavaScript, HTML5/CSS3, JSON, jQuery, AJAX, Bootstrap, CORS, Puma HTTP 1.1 server, Rspec, CI

CatChat!

CatChat Application has a ReactJS Front-end, connected to a FeathersJS / SocketIO / ExpressJS, Back-end API that uses MongoDB. I created this app during my traineeship to get familiar with different kinds of frameworks.

Flip this card for more information!

CatChat! app

back-end front-end

Frameworks & Languages used:

ReactJS, FeathersJS, SocketIO, MongoDB

usic Liby

I've made this music database as a homework assignment after the 2de week of my traineeship. The main objective was to learn the basics of Ruby on Rails and CRUD, User Authentication & File Upload.

Flip this card for more information!

usic Liby

demo back-end

Frameworks & Languages used:

Ruby, Ruby on Rails, Devise (User Authentication), CarrierWave (File Upload), HTML5/CSS3, Materialize CSS, PostgreSQL, Puma HTTP 1.1 server, Rspec, CI.

Hackatons & Experiments ✅

The Best Of Everything!

A Hackaton project made in the final week of my traineeship at Codaisseur 2016. Connecting to as much Public API's as possible... The idea was to create an app providing an overview of the best movies, music and trending tweets with a simple push of a button.

Flip this card for more information!

The Best Of Everything!

demo front-end

Frameworks & Languages used:

HTML, CSS, ReactJS, JavaScript, jQuery, AJAX, JSON, SoundCloud Public API, The Movie Database Public API.

Rubber Duck Puzzle!

I created this Rubber Duck Puzzle as an experiment, While practicing my skills and understanding the impact of using multiple open-source JavaScript libraries combined.

Flip this card for more information!

Rubber Duck Puzzle!

demo front-end

Frameworks & Languages used:

HTML, CSS, JavaScript, jQuery, PackeryJS, DraggabillyJS

Movie Flux!

I created this "movie search app" while experimenting with the ReactJS and the Flux architecture.

Flip this card for more information!

Movie Flux!

code demo

Frameworks & Languages used:

HTML5, CSS3, Bootstrap, JavaScript, ReactJS, Flux, jQuery, AJAX, JSON, Git, Continues Deployment

GitStars!

Experimenting with GitHubs API, React with ES6

Flip this card for more information!

GitStars!

code demo

Frameworks & Languages used:

ReactJS, NodeJS, JavaScript ES6, HTML5/CSS3, JSON, jQuery, AJAX, Bootstrap, Webpack, GitHub API

Gear Invasion!

I ported this Arcade style game out of an open-source JavaScript engine I've found on GitHub. For the “Samsung Gear App Challenge 2014”. Although I did not win the first prize, I'm still very surprised to see that it has over 310+ downloads, with a total revenue of around $500 on PayPal since uploaded it to the Samsung app store for Wearables!

Flip this card for more information!

Gear Invasion!

demo YouTube Channel Samsung Gear App Challenge 2014

Frameworks & Languages used:

HTML, CSS, JavaScript, Tizen SDK

Mario Frog King!

I made this game with a PhaseIO template. Ported and uploaded it to the Samsung app store for Wearables. Sometimes I like to port games just for fun and make them work on my Samsung Gear watch. This is definitely one of those games!

Flip this card for more information!

Mario Frog King!

demo YouTube Channel

Frameworks & Languages used:

HTML, CSS, JavaScript, PhaseIO, Tizen SDK

Web Design, SEO & Digital Marketing ✅

WebTotally

This is my own project called WebTotally. As I am also a SEO-Specialist and a certified Google partner, I'm slowly building a web-platform where i will sell services like SEO, SEO optimised Web Design & PPC Management to companies.

Flip this card for more information!

WebTotally

demo

Frameworks & Languages used:

Wordpress, WooCommerce, HTML5, CSS3, JavaScript, MySQL, PHP, Cron, MailChimp, Google Analytics, Piwik

Umzug Offerte Schweiz

This a live internet marketing project i've build by my self that automatically collects leads, it is optimised to be on the #1 position in Google for certain keywords in Switzerland.

Flip this card for more information!

Umzug Offerte Schweiz

Umzug Offerte Schweiz

Frameworks & Languages used:

WordPress, HTML, CSS, JavaScript, PHP, MySQL, Google Analytics, Google Search Console.

Detektei Müller

Detektei Müller GmbH is a detektive agency based in Switzerland. I designed and developed this website in collaboration with Private Media GmbH in 2014.

Flip this card for more information!

Detektei Müller

Detektei Müller: Home

Frameworks & Languages used:

WordPress, HTML, CSS, JavaScript, PHP, MySQL, Google Analytics. Live Heatmap Tracking, Search Engine Optimisation

Tola Fugentechnik GmbH

Tola Fugentechnik GmbH is a Swiss local construction company. I've designe and build this Search Engine Optimized website at the end of 2013 in collaboration with Private Media GmbH

Flip this card for more information!

Tola FugenTechnik

Tola FugenTechnik: Home

Frameworks & Languages used:

WordPress, HTML, CSS, JavaScript, PHP, MySQL, Google Analytics. Google Adwords, Search Engine Optimisation