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.
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
Visit
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
Published Version
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
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
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