Charles

Front End Developer

Hi, I'm Charles

I'm a website developer, with a focus on client-side development only.

Semantic HTML is included in all the websites I build, which helps search engines and other user devices determine the importance and context of web pages.

In addition to Semantic HTML, I include ALT tags for all images, follow Contrast and ARIA guidelines. This makes web content more accessible to people with disabilities.

Read More

The completed websites are also responsive, meaning that they adjust depending on screen size i.e phones, tablets and desktop.

I use Visual Studio Code and Github for my workflow, making it possible to work remotely.

Let's Talk

Skills

HTML 5
CSS 3
Javascript
Git
Github
Typescript

Projects

credit card website screenshot
Credit Card Website

This four page website is built from scratch, using HTML 5, CSS 3, CSS Grid & FlexBox. The only Javascript is the hamburger menu on phones and tablet via Bento JS.

This is a mockup of what a credit card provider website, would look like. A prospective client can see what credit cards are on offer and apply for one.

The Apply/Contact/Sign-In forms are front-end only for visualization and not connected to any backend.

The site follows the principles of Responsive Web Design. It is also built using Semantic HTML and plain CSS(no Sass, Less, Tailwind or Bootstrap).

View Code Live Preview
bmw landing page screenshot
Bmw Service Landing Page

This is my first React Landing Page, that is refactored from a HTML 5, CSS 3 & Javascript Project, I already completed.

The landing page is a mockup of a car repair business, that wants an online presence. A prospective client can book an appointment or see what services are offered.

The contact page is front-end only for visualization and is not connected to the back-end.

I have incorporated Responsive Web Design, Semantic HTML and plain CSS(no Sass, Less, Tailwind or Bootstrap).

Technologies used include: Vite, Node & React.

View Code Live Preview
phone reseller landing page screenshot
Phone Reseller Landing Page

This landing page is built using React, Vite, CSS 3, CSS Grid, Flexbox and Typescript.

The Site is a mockup of a business that sells refurbished iphones and allows prospective clients to see what phones are sold. The Frequently Asked Questions, provide answers that prospective customers would have.

The contact page is front-end only for visualization and is not connected to the back-end.

Responsive Web Design, Semantic HTML and plain CSS(no Sass, Less, Tailwind or Bootstrap) is included in this project.

View Code Live Preview
fastfood landing page screenshot
FastFood Landing Page

This landing page is built from scratch using HTML 5, CSS 3, CSS Grid, FlexBox & Javascript.

The site is a mockup of a small business, that sells fast-food. A prospective customer can view a sample of the menu.

The background images and foreground text, adhere to the Contrast guidelines.

I have incorporated Responsive Web Design, Semantic HTML and plain CSS(no Sass, Less, Tailwind or Bootstrap).

View Code Live Preview
View All Projects

Contact