Animated background pattern 1Animated background pattern 2Animated background pattern 3
Profile picture

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 picture

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.

LinkedInGitHub

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.