Publication
React SEO Strategies and Best Practices
https://www.toptal.com/react/react-seo-best-practices
Vineet is available for hire
Hire VineetVineet Markan
Verified Expert in Engineering
Data Visualization Developer
Location
Chandigarh, India
Toptal Member Since
January 7, 2019
Vineet is a seasoned full-stack engineering leader specializing in data visualization. With over a decade of experience, he has taken software products from mockups to production with high-quality code. His work across industries, including robotics, logistics, finance, and enterprise security, allows him to adapt to various business environments and technology stacks. Vineet has led engineering teams at fast-growing startups and enjoys writing code in JavaScript and Python.
Portfolio
Rapyuta Robotics Co., Ltd.
React, JavaScript, CSS, Node.js, Canvas, Redux, HTML5, TypeScript, Jest...
Blu World
Amazon Web Services (AWS), JavaScript, React, Redux, MySQL, Redis, Jira...
Stealth Mode Cybersecurity Company (via Toptal)
Antd, Styled-jsx, TypeScript, Jest, MobX, Canvas, REST APIs, React, G6, D3.js...
Experience
Availability
Full-time
Preferred Environment
Webpack, Git, OS X, CODE, Slack, Linux
The most amazing...
...problem I've worked on is the large-scale visualization of robots for a warehouse automation platform.
Work Experience
Front-end Team Lead
2021 - 2022
Rapyuta Robotics Co., Ltd.
- Led a front-end engineering team of eight people to build products for warehouse visualization and cloud deployment.
- Optimized canvas rendering for a large-scale warehouse visualization platform where operators could track robots performing works in the warehouse, routing graphs, points, and regions of interest, which defined the paths and behavior of robots.
- Developed efficient code-sharing methods between UIs targeted for different robots using Webpack module federation (Redux) store sharing and Git submodules.
- Managed scrum ceremonies such as backlog cleaning, sprint planning, and retrospectives. Refined the methodology with release planning for medium to long-term visibility of product roadmap.
- Took the role of repository owner for front-end repositories and oversaw reviewing PRs, managing CI using GitHub Actions, and SemVer versioning of Docker images.
- Established practices for writing pure and typed React components with clear specs (props) that are easily testable.
Technologies: React, JavaScript, CSS, Node.js, Canvas, Redux, HTML5, TypeScript, Jest, Webpack 4, Reselect, Data Visualization, React Redux
Engineering Team Lead
2021 - 2022
Blu World
- Helped the team identify and clean up technical debt without blocking critical feature development and meet business goals, including server-side code written using the Koa framework in Node.js and front-end code written using React and DVA.
- Created a plan to reduce cloud resource consumption on AWS by identifying underutilized and unused resources, merging duplicate resources, and separating staging and production environments.
- Proposed and implemented a proper Scrum workflow, including sprint planning, backlog cleaning, and retrospective meetings with the product manager and engineering team.
Technologies: Amazon Web Services (AWS), JavaScript, React, Redux, MySQL, Redis, Jira, Jenkins, React Redux, Node.js
Senior Data Visualization Engineer
2020 - 2020
Stealth Mode Cybersecurity Company (via Toptal)
- Developed a large-scale data visualization solution to help users easily navigate complex relationships.
- Leveraged D3 and G6 (graph visualization frameworks) to plot hundreds of interconnected data points and make them interactive.
- Set up communication between visualizations (rendered on Canvas) using MobX and added React components that made up the app.
- Built supporting components for visualizations using React to allow users to switch between various modes.
- Used Jest for unit testing individual components and Nightwatch for end-to-end testing.
- Built UI components on top of Antd and additional styling was applied using Styled.
Technologies: Antd, Styled-jsx, TypeScript, Jest, MobX, Canvas, REST APIs, React, G6, D3.js, Data Visualization
CTO
2019 - 2020
Fast Science
- Analyzed the patent landscape, identified friction points in the reading patent literature, and designed a user journey to help users read the latest patents through short, interactive summaries.
- Built the patent summarization author platform using React, Redux, Node.js, Firebase, and Python.
- Used Python to scrape large amounts of patent data from the USPTO website and used various keyword metrics to rank patents by importance.
- Designed UI wireframes using Figma, worked with design to prettify them, and implemented them using JSX.
- Developed the first version of the website on WordPress to validate the idea and gain traction.
Technologies: Cloud Firestore, Node.js, Firebase, Postman, Jest, Hapi.js, Redux, React, React Redux
Data Visualization and Security Engineer
2019 - 2019
LYT.ai
- Worked as a full-stack engineer directly with the founders of Lyt.ai, an autonomous vehicle startup.
- Used DeckGL, Mapbox, and React to create interactive layers on the map for traffic engineers to visualize the current position/speed of buses.
- Created interactive elements for bus routes, stops, and other elements to be rendered on screen.
- Created APIs in Node.js/Express to push real-time geo updates to clients.
- Implemented authentication/login, authorization/roles, and 2FA for various user roles.
Technologies: TypeScript, Deck.gl, React, Node.js, Data Visualization
Principal Technology Consultant
2018 - 2018
iMerit
- Designed an application framework (similar to React) for accelerating modular development.
- Implemented vector graphic annotations for image sequences.
- Coached developers with an Object-oriented programming background to adapt to Javascript using TypeScript.
- Reviewed existing code and helped separate services and data sources from views.
- Designed an algorithm to reduce the complexity of finding polygon intersections in a 2D space.
- Wrote unit and functional tests using Jest and Puppeteer.
- Created an auto-documentation tool using Python Sphinx.
Technologies: Puppeteer, Jest, Sketch 4, Bootstrap, Webpack, React, SVG.js
Lead JS Developer (Consultant)
2017 - 2018
Knowcross Pte. Ltd.
- Migrated a hotel utilities management software with 60+ screens from MS Silverlight to HTML5/JS using Angular JS.
- Worked with the product manager to sketch revised user onboarding to be developed in HTML5.
- Developed the front end for four critical modules in three weeks so that existing clients can be moved to the new interface.
- Worked with the back-end team to create testable and consistent APIs to be consumed on the front end.
- Wrote unit tests using Protractor as part of my role.
Technologies: Bootstrap, JavaScript, HTML5, AngularJS
Founder CTO | Product Head
2011 - 2015
Framebench
- Developed the prototype and acquired early customers.
- Raised a seed and then an angel round through reputed VCs in the Indian market.
- Built a WebSocket-based interface to allow multiple people to view media in sync (Tabletop sync).
- Hired and worked with a technology team to make sure the experience is consistent across web and mobile.
- Developed an API for easy integration into other tools like Gmail and Box.
- Tracked and optimised user on-boarding and workflow by setting up integrations with Google Analytics API and Mixpanel.
Technologies: Node.js, MySQL, Redis, JavaScript
Experience
Fast Science
https://www.fastscience.tv/FastScience is a web-based application built on React. The purpose of the app is to make cutting-edge research available to the masses. It's a platform to publish interactive summaries of the latest patents and research papers that can be consumed by students, working professionals, and researchers to accelerate learning and achieve breakthroughs.
Framebench — Google Docs for Creative Professionals
https://techcrunch.com/2013/02/22/framebench-is-a-google-docs-for-creative-collaboration/Framebench was developed by me and the co-founder Rohit in collaboration with an established animation movie production house based out of Pune, India.
The studio did daily reviews with their creative directors sitting out of the US. Framebench was built to help them create well-defined tasks out of this feedback. Further, they could compare newer revisions with previous ones to see if all the feedback was implemented.
Eventually, Framebench was expanded to include other media types, namely images, PDFs, and other documents.
The studio did daily reviews with their creative directors sitting out of the US. Framebench was built to help them create well-defined tasks out of this feedback. Further, they could compare newer revisions with previous ones to see if all the feedback was implemented.
Eventually, Framebench was expanded to include other media types, namely images, PDFs, and other documents.
Tinsel — Mobile Shopping Got a Makeover
https://youtu.be/KHsEJnXesRsThis was an independent project. It was housed at one of the leading e-tailers in India. The idea was to let people express interest in items they'd like to shop while watching videos. It was frozen due to content licensing issues.
Circuit Simplifier
https://www.slideshare.net/VineetMarkan/circuit-simplifierI presented this project at a National Tech festival, bagging the best Computer Science award and some (modest) prize money. The idea was to take an entangled overlapping circuit from a breadboard and create a minimally overlapping orthogonal circuit that can be embedded on chips.
Birch — Connecting Video Creators to Businesses
https://www.youtube.com/watch?v=S2bjrO_yU5oBirch helped organizations like Uber, Ola, and the Govt. of India to find top video creators in locations they wanted to shoot video and work with the best creative talent.
I founded the business, built the platform, and worked on business development to get more clients on the platform.
I founded the business, built the platform, and worked on business development to get more clients on the platform.
Knowcross — From Silverlight to Angular
https://youtu.be/ql9Rn8An_pMI helped Knowcross move their core product offering from Silverlight to HTML5/JavaScript. This new version was both more snappy and efficient.
Background Removal App
https://github.com/vineet89/remove-bg-kerasA machine learning-based background removal app built on top of Keras. It uses PSPNet pre-trained on ADE20K data set to identify specified objects, removes everything else in the scene, and outputs the final image.
Skills
Languages
HTML5, TypeScript, JavaScript, Python 3, Python, CSS
Frameworks
Express.js, Redux, Hapi.js, Deck.gl, Bootstrap, Next.js, CODE, Jest, AngularJS
Libraries/APIs
D3.js, React, Node.js, SVG.js, React Redux, Styled-jsx, Puppeteer, REST APIs, MobX, Antd, Reselect
Tools
Git, Sketch, Figma, Webpack, Sketch 4, Postman, Canvas, Jira, Jenkins, Webpack 4
Platforms
Firebase, Mapbox, Amazon Web Services (AWS), Linux
Storage
Cloud Firestore, MongoDB, MySQL, Redis, JSON/XML Schemas
Other
Semantic UI, G6, Data Visualization, Deep Neural Networks, Neural Networks, Deep Learning, Artificial Intelligence (AI)
Education
2007 - 2011
Bachelor of Engineering Degree in Electrical and Electronics
Birla Institute of Technology & Science - Pilani, India
Certifications
DECEMBER 2020 - PRESENT
Convolutional Neural Networks
Coursera
NOVEMBER 2020 - PRESENT
Structuring Machine Learning Projects
Coursera
NOVEMBER 2020 - PRESENT
Improving Deep Neural Networks: Hyperparameter Tuning, Regularization and Optimization
Coursera
OCTOBER 2020 - PRESENT
Neural Networks and Deep Learning
Coursera
AUGUST 2006 - PRESENT
Economic Times POI Winner
Department of Science & Technology, India