Hi, my name is Omar Gubran
A Front End Developer

Know more

About me

Profile Image

From the moment that I produced "Hello World" in the console of my first application, I knew that I was hooked into the world of software development.

It offers an engaging challenge to continually learn and improve my skills in creating high-quality software. What started with a simple "Hello World" has become a full-fledged passion that only gets more exciting as the years go!

View Resume

Projects

Stokes

As a React JS developer, I contributed to building user interface components for Stokes. The application was developed on the Magento eCommerce platform, utilizing the React framework to construct the frontend of progressive web applications. The backend communication of the Stokes app was facilitated through Apollo GraphQL for web API interactions.

See Live

Stem Academy

Collaborated in a startup company as an intern to develop its product, for self-educational purposes. The STEM Montessori Academy of Canada (SMAC) is a regional STEM program open to all students with the mission to deliver top-notch STEM literacy and application.

See Live

Workiii

Workiii is a platform that connects clients with skilled laborers like handymen, construction workers, plumbers, and electricians. It simplifies the process of finding trusted local professionals for various home improvement and repair needs. I was responsible for building and integrating various frontend components using React and Zustand for state management.

See Live

PlayStation

Since getting a PlayStation 5 is kinda impossible nowadays with what's going on, I decided to build a PlayStation 5 project. The project was built by React Js, Styled Components, Hooks, and React Router Dom. I used Firebase for authentication and registrations.

See Live Source Code

iPhone

I developed an iPhone clone using React JS, where the passcode is set as 111222. The functioning apps within the clone include the camera app and calculator app. The clone utilizes React-slick, react-webcam, slick-carousel, styled-components, and hooks for enhanced functionality and styling.

See Live Source Code

Contact