My Achievements in This Project:

• Developed new features for Elementor using PHP and React.

• Created a drag-and-drop page builder feature with customizable styling and positioning.

• Enhanced and optimized existing Elementor features for a better user experience.

• Implemented Playwright, Jest, Unit tests to maintain code quality and stability.

• Built GitHub Actions to automate testing and deployment workflows.

My Role in This Project:

• Full Stack Developer responsible for feature development, testing, and automation.

• Worked on front-end (React, TypeScript) and back-end (PHP) development.

• Developed CI/CD workflows for efficient deployments.

Technologies Used: PHP, React, TypeScript, TSX, Playwright, GitHub Actions.

Project Scale: Elementor has millions of active users worldwide, making it one of the leading WordPress page builders.

About Project

Elementor is one of the most popular WordPress page builders, with more than 10 million of active users worldwide. It allows users to create and customize web pages with a visual drag-and-drop interface, eliminating the need for coding. As a Full Stack Developer, I contributed to the continuous improvement of Elementor by developing new features, enhancing existing functionality, and optimizing deployment workflows.

My Role & Contributions

In this project, I was responsible for both front-end and back-end development, working with PHP and React to expand Elementor’s capabilities. I developed new features, improved existing ones, and ensured smooth user interactions. Additionally, I implemented Playwright tests using TypeScript and React (TSX) to maintain code quality and prevent regressions. To streamline the development and deployment process, I created GitHub Actions to automate testing and other essential tasks.

Key Features and Problem-Solving

01. Drag-and-Drop Page Construction: Developed a feature that allows users to visually construct pages by dragging and dropping elements, while enabling precise positioning, styling, and property management.

02. Enhancements to Existing Features: Improved existing Elementor functionalities, making them more user-friendly, efficient, and responsive.

03. Automated Testing: Wrote Unit tests with PHPUnit, also Playwright and Jest tests in TypeScript and React (TSX) to ensure feature stability and prevent issues before deployment.

04. GitHub Actions for CI/CD: Created GitHub Actions workflows to automate testing, deployment, and other processes, improving development efficiency and code reliability.