Web Development Portfolio

Web Development Portfolio

This is my Web Development Portfolio. I have created this site to showcase my Web Development Projects. This site will improve and evolve as I continue to develop my skills and gain further professional experience.

Functionality

Responsive Design: The application is optimised for various display sizes, including desktop, tablets, and smartphones.

Mobile Navigation: The navigation menu slides in from the top of the screen when the hamburger icon is clicked and the menu will automatically close when the user scrolls the page or selects a menu option providing a seamless mobile experience.

Animations: I have implemented some subtle fade-in and scroll animations using CSS to give a more visually pleasing user experience when transitioning to different sections of the website.

Tech Stack

WordPress: The application was built using the WordPress CMS. I decided upon WordPress as it would enable me to easily add new projects into the Portfolio as I wish, once there are more projects to add in the future as I am always working on new things in my spare time. Plugins I have used in the build of the site are Advanced Custom Fields to help with ease of site editing. Imagify to optimise images into modern web friendly formats and Contact Form 7 to enable site visitors to contact me easily.

HTML, CSS, JavaScript and PhP: I decided to use only these core technologies whilst creating the theme for my Portfolio Site in order to showcase my understanding of foundational languages used in web development.

Google Fonts: The project utilises fonts from the Google Fonts library to ensure a visually appealing typography.

Icons: Icons were sourced from simpleicons.org – https://simpleicons.org/?q=lin

Adobe Illustrator: The site’s logo was created using Adobe Illustrator.

Technology Used

CSS3

CSS3

HTML5

HTML5

JavaScript

JavaScript

PhP

PhP

Wordpress

Wordpress