Download CV Download Icon

Harris Hamilton

Email Me
Github
LinkedIn
My Location

Edinburgh, Scotland

I'm a 21 year old full stack web developer currently completing my HND at Edinburgh College, where I've also earned my HNC over the past 4 years. I specialize in creating professional, responsive & accessible websites.

My Background

More About Me

From a young age I was fascinated with computers, fuelled by my love for video games and my creative, artistic mind. Even though I wasn't particularly good at drawing or painting.

This naturally led me to want to learn web development. I remember stumbling across a tutorial on youtube about how to make a website with HTML and CSS and instantly knowing this was for me.

Having left high school with no computing experience apart from Scratch and Excel/Word, I knew Edinburgh College would be the perfect place for me to develop my skills.

I aspire to become a professional full stack developer, as knowing my designs and work could contribute to someone having a good experience, and therefore a good day, aligns with who I am as a person.

Key Qualities

Team Player Icon

Team Player

I work great in a team due to leading multiple group projects successfully. I also captained my football team for 10+ years.

Effective Communicator Icon

Effective Communicator

I communicate well with peers. My communication skills were refined as team captain, and further developed in academic projects.

Driven Icon

Driven

I am driven towards the completion of my task. I always give my best effort to complete my work.

Eager To Learn Icon

Eager To Learn

I am ready to learn new skills, softwares and languages/frameworks where required.

My Tech Stack

Experienced

Intermediate

Learning

Exploring/Researching

Core Languages

HTML5 Icon HTML5 Tooltip Icon

HTML5

I have a good understanding of HTML5, I aim to use as much semantic HTML as possible in my work.

CSS3 Icon CSS3 Tooltip Icon

CSS3

I am gaining experience with Flex & Grid, as I have only recently switched from Bootstrap.

PHP Icon php Tooltip Icon

php

I have a good understanding of php and I view it as my best language, though I am still expanding my knowledge.

SQL Icon SQL/MYSQL Tooltip Icon

SQL/MYSQL

I enjoy using SQL and have a decent understanding of it, however real world experience is limited as I have only just started creating full stack projects.

JavaScript Icon JavaScript Tooltip Icon

JavaScript

I don't have as much experience as I would like to, good understanding but basic practical experience.

TypeScript Icon TypeScript Tooltip Icon

TypeScript

I know the difference between TypeScript and JavaScript, but I am holding off learning it until the summer, to allow me to build up my skills with JavaScript.

Frameworks

Bootstrap Icon BootstrapCSS Tooltip Icon

Bootstrap

Good understanding of Bootstrap 4/5 and the utility classes, however I am trying to phase it out of my projects in favour of Vanilla CSS.

TailwindCSS Icon TailwindCSS Tooltip Icon

TailwindCSS

Learning ongoing, understand the utility-first approach, but limited hands-on experience so far.

React Icon React.js Tooltip Icon

React

Learning in College, I understand it's purpose and basics but early in journey as my learning has only just started. Experimenting with router and props.

Vue3 Icon Vue.js Tooltip Icon

Vue3

I have started learning Vue, however beyond the initial basics I don't have as much experience. I would say I'm a mix between red and orange for Vue. Prioritising React first.

Development & Design Tools

phpMyAdmin Icon phpMyAdmin Tooltip Icon

phpMyAdmin

I have a good understanding of phpMyAdmin and have used it for all my work regarding SQL to date.

phpMyAdmin Icon XAMPP Tooltip Icon

XAMPP

I am using XAMPP as my local development environment, to allow me to develop full stack websites/web apps from home.

Figma Icon Figma Tooltip Icon

Figma

I use Figma regularly for project planning and wireframes.

npm Icon npm Tooltip Icon

npm

I used npm mainly to spin up my local development environment when working with Tailwind, however I would like to learn more about it.

npm Icon git Tooltip Icon

git

I am curently learning git CLI alongside Github within college.

My Projects

LPortfolio website screenshot

Client Portfolio

HTML
CSS
JavaScript
php & SQL

My first live client project: a full stack portfolio website for a Dundee University product design student. The site has a responsive design and comprehensive back end. It allows the creation of new blog posts and management of projects. They can upload up to 10 images per project and add content as their work progresses. The client wanted a clean minimalistic design, so I kept it simple with ample space around elements. This design highlights their work, with the contrast and colour scheme enhancing readability. I managed domain registration and hosting, ensuring the site runs smoothly.

*No Github link/repo as client wanted code to be kept off it*

Live View Right arrow Icon
Limelight Cinema

Limelight Cinema

HTML
CSS
JavaScript
php & SQL

LLC is my first Full Stack project. It uses PHP & SQL to query the backend database. I approached this how I think a professional would, planning every detail of design, layout and functionality beforehand. The site includes comprehensive features: CRUD functionality for the admin, a locationbased ticket booking system, and the ability to change your preferred cinema, which updates showtimes of films you want to watch. It's my best work to date, though not completely finished. I plan to add more features, some pages need completion and certain UI elements require updating for responsiveness.

Credentials are found within the README file on Github.

Live View Right arrow Icon
Code Github Icon
Border Bike King

Border Bike King

HTML
Bootstrap
JavaScript

Border Bike King was my end of year HNC Graded Unit piece. It uses Bootstrap CSS to create a responsive website. While the UI appears dated in some areas, the main focus was implementing JavaScript functionality. I created a JavaScript product sorting menu, which is the standout feature of the site. I also incorporated multimedia elements like a custom-made video component for a more engaging user experience. Though there are design choices I wouldn't replicate today, I'm proud of the technical implementation and problem-solving demonstrated in this project.

Live View Right arrow Icon
Code Github Icon
Organic Me

Organic Me

HTML
Bootstrap
JavaScript

Organic Me was my first experience using Bootstrap CSS. I created this responsive website for a hypothetical organic café, implementing key Bootstrap components including the navbar, grid system and cards. Though simple in structure, this project helped me solve real layout challenges and customise Bootstrap's utility classes in a live environment. The site features a functional contact form, embedded media and ScrollReveal.js animations to enhance user experience. Today, I would use vanilla CSS with reusable code snippets instead, but this initial project sparked my passion for web development and established my foundation in responsive design.

Live View Right Arrow Icon
Code Github icon