Download CV Download Icon

Harris Hamilton

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

Good understanding of CSS and modern layout technologies like Grid and Flex. I have only recently switched to vanilla CSS 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 am not as experienced with more complex Javascript techniques like API integrations etc, however my foundational Javascript skills in relation to Web Dev are strong.

TypeScript Icon TypeScript Tooltip Icon

TypeScript

I have been using TypeScript in my React and Next.js projects at college. I appreciate it's use and have a better developer experience with it due to the easier debugging and strict type characteristic compared to Vanilla Js loose typing.

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

I have been using Tailwind in my Next.js projects and I really enjoy using it. Not as experienced with it, but I will look to make this my main way to write CSS going forward.

React Icon React.js Tooltip Icon

React

I have used React for a few college projects/tasks now. I am nowhere near an expert, however I am fairly confident with it. I have experience using React Router and state effects.

React Icon Next.js Tooltip Icon

Next.js

I really enjoy using Next.js and can see myself choosing this as a main stay in my tech stack down the line. I haven't done many tasks with it, as I am mainly prioritising React, however I am looking forward to furthering my learning.

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, Testing & 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 have good experience managing my React, Next.js and Tailwind dependencies with npm.

npm Icon git Tooltip Icon

git

I use git to manage my version control for my project files. I am mostly just committing changes, as at College I haven't had many opportunities to work in groups of developers, so not many pull requests etc. Not to say I don't understand them however.

npm Icon Cypress.io Tooltip Icon

Cypress.io

Quite basic experience with Cypress. Nothing much beyond very basic beginner tasks.

My Projects

Border Bike King

Ciao Football

HTML
CSS
php & SQL
JavaScript

Ciao Football is my final project and the graded unit of my HND. It uses a "component" based architecture via php to include important files like navigation/footer etc. I set up this way to mimic a JavaScript framework, using components. It increased my developer experience and productivity massively. This was my first ecommerce based project, and I had to really plan out everything meticulously. This is my best work to date, in terms of both code functionality and aesthetics of the website. The only slight gripe I have is the design of the product card's. However, this project isn't completed in terms of my own vision, while it meets the submission criteria of the unit, it isn't fully finished and I plan to continue to make changes/additions.

Credentials are found within the README file on Github.

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 features responsive design and a comprehensive backend, allowing them to create blog posts and manage projects. They can upload up to 5 main images and up to 10 gallery images per project/blog post 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 contrast and colour enhancing readability. The neobrutalism design matches the product design theme and ensures the showcase of completed work remains the primary focus, not the website itself. I managed domain registration and hosting, ensuring the site runs smoothly.

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

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 location based ticket booking system, and the ability to change your preferred cinema, which updates showtimes of films you want to watch. It's 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.