Self-taught Front-end Developer with background in Design. I enjoy making beautiful and useful projects from planning to implementing and to coding and I thrive mostly at the development of a Front-End Website and with the sidelines of UI/UX designing.

Deliverables

Front-End Web Development

WordPress Development

WordPress Theme Development

Landing Page Development

Website Redesign Services

PSD to HTML Services

Languages:
HTML5
CSS3
SASS
JavaScript
PHP

Skills/Techonologies:
ReactJS
Wordpress
Bootstrap
Github
Adobe PS

Image removed and not available..

How Do I Work?

Planning Stage

In building a website, Planning comes first. I write down all the notes and the the important things that I will do in a site, or what the clients wants him to do with his site. In addtion, I ask myself some serveral questions: What attack will do in this type of site? What are the designs elements I will use(fonts, color combinations, etc.)? Who are the audience? How can the site serves its purpose?

Implementing Period

After Planning, I must find a way how to implement my plans for the site. I will structure and organize my Development Workspace especially my files for faster and cleaner coding, Design the site based on the plan with some help of prototyping tools, and this time, I will know what to add more in the site and add it to the plan and I will able to know the estimated time of completion of the website.

Coding Phase

And now that all has been planned and implemented, the coding phase comes into place. First, In the coding phase, I will start to code the desktop version of the website design and only after that I will now start to make the site responsive in diffrent devices. When I have any problem, I use some resources to get some help like Google, Youtube, Stack Overflow and so on, and learned from it.

Design process

In my design process, I always starts with the basic details of the site. I will begin to search for the right font design for the site, then I must hit on the right color combination of the site, I spend some time doing trial and error doing these two things. Furthermore, I will start glancing and getting some inspiration in some websites across the internet and I will choose the best and the most suitable web design in the site and I will add a some improvement in the design. I use the Adobe Photoshop for Image Manipulation and Editing. Nowadays, there are tons of tools to aid the Developers in Designing and Development that speed up the development and make better outputs.

Development process

In the Development Process, I will start making my plans into a output and I use my time efficiently, I divide my works as possible in smallest details and I focused my self to accomplished my goals in the site step by step and rest is the very important part of the development. I am using Visual Studio Code in coding, because its very convenient as it is a very powerful text editor that I get easily comfortable with and I also use Github to save my projects to repositories and have a track on my code and when I moved a place I can easily continue my work. I will say that Git and Github is a Safe Haven for the developers. When problem comes visualizing comes into play, I write the problem and distinguished it into smallest details as much as possible to know the characteristics of the problem and to solve it effectively.

My Latest Works