Stackathon Presentation: HotSpot

Channel:
United States Fullstack Academy
Subscribers:
58,000
Published on ● Video Link: https://www.youtube.com/watch?v=WRJsqOWZJdA


Duration: 4:57
93 views
3

Track user behavior and discover which features to prioritize on your website.


David Ko created a feature on his group's e-commerce site to allow for persisting visitor click data, links where visitors came to your site from, and scroll data to a database. Using CSS, Express.js, Sequelize, React.js, and d3.js, David was able to allow for these visualizations to be rendered as a component overlaying the sites pages directly.


A scatterplot was used to display the raw click data, along with a toolbox for filtering clicks by the site of origin. This data was aggregated to create a heatmap, and a similar approach was taken to create the scroll map.


To view the source code, be sure to visit: https://github.com/daveyko/heat

----
Fullstack Academy was recently ranked the #1 coding bootcamp in the U.S. Learn more at https://www.fullstackacademy.com



Other Videos By Fullstack Academy


2017-09-28Vue.js Tutorial - How Does Vue.js Compare To React
2017-09-28AWS Lambda Tutorial - How to Build Serverless Apps with AWS Lambda
2017-09-28MongoDB Tutorial - An Introduction to MongoDB
2017-09-28Three.js Tutorial - A Brief Introduction to Three.js
2017-09-28React Native Animation Tutorial - How to Create Animations in React Native
2017-09-28Introduction to Memoization - An Optimization Technique
2017-09-28API.AI Tutorial - An Introduction to API.AI
2017-09-26Tech Talk: Introduction to Redux-First Router
2017-09-26TensorFlow Tutorial - How to use TensorFlow to Build a Neural Network
2017-09-25Stackathon Presentation: What's Next?
2017-09-25Stackathon Presentation: HotSpot
2017-09-25Stackathon Presentation: CoinTracker
2017-09-25Stackathon Presentation: Bots and Workflow Models
2017-09-25Stackathon Presentation: FretBored
2017-09-25Stackathon Presentation: ImageCheckerThingyMajingy
2017-09-25Stackathon Presentation: Arpegg.io
2017-09-25Progressive Web App Tutorial - Introduction to Progressive Web Apps with React
2017-09-25D3.js Tutorial - Rendering Interactive Graphics with D3 and React
2017-09-25User Experience (UX) Design Tutorial - UX and Human-Centered Design
2017-09-25Tech Talk: Server Scaling in Node.js
2017-09-25Machine Learning Tutorial - An Introduction to Machine Learning