Crazy Egg
2018-2019
Crazy Egg is an A/B Testing and SEO managment tool.
- Contributed to the development of state of the art clickstream heatmap and scrollmap report.
- Contributed to the development of the Session Recorder.
- Contributed to the development of the Chrome Extension.
- Contributed to the development of A/B Testing Web Editor (Complex DOM manipulation).
- Development of the Admin dashboard in Ember.js
Session Recorder Demo
Heatmap Demo
Realtime Data Visualization with Peak Detection
2019
In this project Iām trying to build a React app that can consume data using Socket.IO from a live source
of data (Sensor) and visualize the time series data in realtime
using D3.js in a React webapp.
- Frontend
- Data Visualization
- User Experience
Demo
GitHub
Blog Post
Continuum
2016-2017
A Pharma analytics platform for monitoring and managing data across several hospitals and pharmacies.
My role was to architrct, design and develop the analytics dashboard frontend app in Angular.
- (Live) Graphs using D3 and WebSockets
- SVG Manipulation
- Complex UI components using Angular and RxJs
- Frontend
- Data Visualization
- User Experience
Demo
NLP: Fake News Detection
2019
A text classification notebook to determine whether or not a certain article is fake news or real news. Using
Natural Language Processing methodologies in Python and Classification Theory.
Reached an accuracy of 0.94 for classifying news as fake.
Developed a fullstack application to showcase the model.
Project
GitHub
Jupyter Notebook
Blog Post
Quine Mccluskey Solver
2014
Logic Minimization using the Quine Mccluskey Algorithm.
I created this tool for a school project at AUC.
It has over 3000 page views every month from computer science and electronics engineering students all over
the world
and it actually made it to professor's presentations in prestigious universties in USA, Australia, Japan, and
India.
- Data Visualization
- AlgoViz
- Frontend
Go to Project
Blog Post
New Mexico Oil Production Interactive Infographic
2018
An interactive infographic for IE Business School portraying the boom in Oil production in New Mexico state
during the years 2012/2013.
Data Exploration, data cleaning, and visualization done using Tableau.
- Data Visualization
- Data Journalism
- Tableau
Go to Project
Bojack Horseman
2020
Video
Fullscreen
USAID LEAD Infographic (Video)
2015
A video summerizing some interesting statistics made for USAID LEAD Scholarship,
which I was part of at for The American University in Cairo.
The video was showcased in several events in Cairo and Washington D.C.
- Data Visualization
- Graphic Design
Behance
AmazOwl
2018-2019
Worked for AmazOwl as a UX Developer and Frontend Engineer.
- Build entire frontend app using Angular
- Design the app layout UX/UI
- Frontend
- User Experience
- Graphic Design
First UX iteration mockup (2017)
Formula E Top Pilots D3.js Inforgraphic
2019
A school project for IE Business School that was implemented on two phases:
First phase was analysis and simple visualization of the Formula E dataset
for the last 3 seasons in an R notebook.
Second stage was visualizing the aggregated results from the first phase using D3.js
- Data Visualization
- Data Journalism
- D3.js
- R
D3.js Project
R (RMD output)
GitHub
Top Earthquakes Animated Infographic
2018
A school project for IE Business School
showcasing the deadliest earthquakes around the world
developed using D3.js, Carto and R.
- Data Visualization
- Data Journalism
- D3.js
- Carto
- R
Go to Project
GitHub
AUC Times Magazine
2012-2017
Designed the AUC Times magazine during my undergraduate studies.
ISSU
Crazy Egg Help Center
2018
Wrote pixel perfect HTML+CSS for RWD CrazyEgg Help Center
- Graphic Design
- User Experience
Go to Project