backgroundbackgroundbackground
Profile picture

Welcome to My Portfolio

I am a software engineer located in California, with expertise in front-end development.

Ask me about React | Angular | Vue | Next.js | Node.js

Profile picture

About Me

I am a Software Engineer currently developing web applications using React, Next.js, Node.js, and Angular. I have over ten years of experience in front-end development and have worked on various international projects for clients in different industries from start-ups to big techs. I am proud contributor to some open-source projects that are listed 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

Technologies I Work With

Tech Stack - React, Next.js, TypeScript, Node.js, Angular, Vue.js

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.

Valid CSS!