Welcome to My Portfolio
I am a Software Engineer(rumor has it I was replaced by AI), now evolving into a Hybrid Dev/AI Integrator
Ask me about React | Next.js | TypeScript | Node.js
About Me
I am a Software Engineer(rumor has it I was replaced by AI), now evolving into a Hybrid Dev/AI Integrator — or as I like to call it, an AI Product Engineer. I build modern web applications with React, Next.js, Node.js, and Angular, drawing on over a decade of experience delivering solutions for startups and global tech leaders alike. I’m also an active contributor to open-source projects, some of which you’ll find below.
My primary skills include writing clean code, creating responsive designs, optimizing performance, and ensuring cross-browser compatibility. My main goal is to create engaging web experiences that satisfy users' and stakeholders' needs and expectations. I also enjoy exploring new technologies and best practices to enhance my skills and deliver high-quality solutions.
Projects
Professional & Open Source Projects:
About this Portfolio
Main Technologies
Next.js: A React framework for server-side rendering and static site generation. Version: 14.2.5
React: A JavaScript library for building user interfaces. Version: ^18
React DOM: The entry point of the DOM-related rendering paths. Version: ^18
Management
Redux React DOM: The entry point of the DOM-related rendering paths. Version: ^18
State Management
Redux Toolkit: A set of tools to simplify Redux development. Version: ^2.2.7
React Redux: Official React bindings for Redux. Version: ^9.1.2
Styling
Sass: A CSS preprocessor to write more maintainable and scalable CSS. Version: ^1.77.8
Linting
ESLint: A tool for identifying and reporting on patterns found in ECMAScript/JavaScript code. Version: ^8
ESLint Config Next: ESLint configuration used by Next.js. Version: 14.2.5
ESLint Plugin JSX A11y: Static AST checker for accessibility
Analytics
Google Analytics: Real time event tracking, reporting, and more.
CSS Child Selectors CheatSheet
This is a cheat sheet for CSS child selectors. It includes examples of how to use each selector and what it does. Hover over the elements to see the effect of the selector.