Dennis Diaz
- |-| Angeles, Philippines
LinkedIn: linkedin.com/in/diaz-dennis
GitHub: github.com/diazdennis
TECHNICAL SKILLS
HTML, CSS, JavaScript, TypeScript, React.js, Next.js, Node.js, NestJS, Material UI, Tailwind CSS, React
Native, Redux, WebGL, Three.js, Recharts, Chart.js, D3.js, WordPress, React Hook Form, StoryBook,
Zustand, Jest, RESTful API, GraphQL, Node.js, MongoDB, MySQL, Figma, Zeplin, Git
WORK EXPERIENCE
Sumo Logic | Senior Frontend Developer
March 2022 - Present
●
Designed and developed a modern SaaS Log Analytics Platform with Metrics, Traces, and Logs
features to enhance real-time observability and system performance monitoring.
●
Utilized React.js, Next.js, TypeScript, and Tailwind CSS to build an intuitive and responsive
frontend interface for analyzing large-scale log data.
●
Implemented data visualization features using libraries like Recharts, Chart.js and D3.js, enabling
users to interpret metrics and traces effectively.
●
Built efficient and scalable state management using Redux, optimizing performance and reducing
boilerplate code.
●
Developed log parsing and large data rendering components using React-virtualized for efficient
display of high-volume log streams.
●
Integrated real-time updates via Socket.IO, providing up-to-the-second log and metrics monitoring
for enhanced decision-making.
●
Collaborated with backend teams to fetch and display data through RESTful APIs, leveraging React
Query and React Hook Form for efficient data fetching and caching.
●
Enhanced application reliability and correctness by writing comprehensive unit and integration tests
with Jest.
●
Improved log analysis efficiency by 35% through intuitive data visualization and advanced search
features.
Adventr | Frontend Engineer
September 2018 - December 2021
●
Built dynamic user interfaces for Adventr’s smart, interactive video content platform, enabling users
to create, edit, and share interactive videos seamlessly across multiple platforms.
●
Utilized React.js, Next.js, TypeScript and Redux to build responsive, high-performance web
applications.
●
Advanced Browser-Based Editor Tools:
- Built robust video editing and customization tools using WebGL, Three.js, and the Canvas API for
real-time rendering and manipulation.
- Integrated R3F(React Three Fiber) to streamline 3D scene management within React applications.
- Added intuitive drag-and-drop functionality using React DnD and implemented smooth transitions
with GSAP for animations.
- Incorporated FFmpeg (via WebAssembly) for in-browser video encoding and transformations.
- Delivered interactive video features allowing users to control storylines, link to external resources,
purchase products, and perform actions like text messaging directly within videos.
●
Real-Time Collaboration and Analytics:
- Designed collaborative editing workflows using WebRTC for real-time collaboration.
- Enables detailed user behavior insights by integrating analytics and tracking capabilities into the
platform.
TipTip | JavaScript Frontend Developer
October 2016 - June 2018
●
Collaborated with the content platform team to develop a user-friendly platform for content creators
in Southeast Asia using React.js, TypeScript, Next.js, Tailwind CSS and Zustand.
●
Collaborated with the backend teams to fetch and display data through GraphQL.
●
Built a mobile app using React Native, enabling seamless access to the platform on IOS and Android
platforms.
●
Collaborated with design teams using Figma to ensure successful project delivery and client
satisfaction.
EDUCATION
Bachelor of Science, University of Santo Tomas
2015