Hayley Ha Web Developer

See my projects

Hi, I'm Hayley

I came to New Zealand nearly 3 years ago to become a full-stack web developer. During my time here, I have finished Enspiral Dev Academy Program and a diploma in Web Development and UX Design from Yoobee School Of Design.

I enjoy the flow that coding gets me into and the excitement of seeing ideas grow from scratch and evolve into beautiful and functioning applications. A career in development fulfills me as a curious person. It gives me the opportunity to keep learning and apply new knowledge towards solving real world problems.

I've been lucky to have worked as software development intern at:

ACC logo ACC logo

Programming

  • HTML5/ CSS3 (SASS)
  • Javascript, JQuery, Typescript
  • React
  • C#, ASP.NET Core
  • Express (Node.js)
  • SQL, MongoDB
  • PHP, WordPress CMS

Tools

  • Git, Mercurial (Alpine)
  • Grunt
  • RestAPI
  • CI/CD pipelines like:
  • TeamCity
  • Deploying to:
  • Heroku, DigitalOcean

My Projects

When I'm free, I love spending time with my 4 year-old daughter, taking care of my garden and learning new stacks by building websites. Here are a few of my passion projects, live sites might take a few seconds to load due to sleeping server:

 

Event Goers App

  • Tutorial Project/ Full-stack app
  • Tech stacks: React, Typescript, ASP.NET Core, MySQL
  • 3rd-party API: Cloudinary (image storage)

An EventBrite-inspired website where users can keep updated on interesting upcoming events and mark their attendance on those. Event organisers are able to create events and see who are in, too.

Users can create events, browse, attend or cancel their attendance on an event as well as manage their personal accounts.

 

Catalyst App

  • Volunteer Project/ Full stack app
  • Tech stacks: React, Express, MongoDB
  • 3rd-party API: Multer, Cloudinary (image upload & storage)

An exhibition site created for recent graduating classes at my college to be a platform to display student's works and connect employers with the graduates. This was a team project with 4 volunteer designers and developers in the school and I was one of the two developers.

Graduates are able to register, enter their details that they would like shared with employers, and then upload any projects they wish to be seen.

 

Bookish app

  • Passion Project/ Full-stack app
  • Tech stacks: Javascript, JQuery, MongoDB, SCSS
  • 3rd-party API: Multer (image upload), Stripe (online payment)

A platform to buy and resell used books where users can either be a buyer or seller.

Users can browse, add to a watchlist, manage their accounts, and buy books with online payment powered by Stripe.

 

Shop filter

  • Javascript Practice
  • Tech stack: Javascript

A small interactive object filter project in which the page instantly updates search result upon user’s ongoing selection.

Self-learning resources

I like to dive deep into how things work and expand my understanding on the connecting parts of software development. Besides my course at Yoobee, here are some additional resources that I used to learn more:

Identifying Security Vulnerabilities

Course on Coursera

I learnt about the STRIDE threat model and the OWASP top 10 proactive controls to build a secured web application. It was much easier to understand security measures like data validation and sanitisation, response header setting etc. after seeing how attackers perform security attacks to a site.

Complete guide to building an app with .Net Core and React

Course on Udemy

I started programming with Javascript so the first backend framework that I used was Express.js. During my internships at ACC and TradeMe, I was introduced to object-oriented languages like PHP and C#. While I love the simplicity of Javascript, I am really fond of OOP languages' structured and opinionated way of doing things. This was the course that helped me build Event Goers App and I plan to spend the next few years in my career to learn more about C# and the .Net Core technology.

CS50's AP: Understanding Technology

Course on EdX

This introductory course filled many gaps in my self-taught journey. It covered basic computer hardware, how the internet works, how different file types store different data, and some security principle. Never been a "techie" in previous part of my life, I still remember feeling overwhelmingly empowered (^^;) to know how to read new computer specifications (CPU, RAM, storage etc.).

The Coding Interview BootCamp: Algorithms and Data structures

Course on Udemy

One of my biggest aha moments in learning software development was the realisation that I should not satisfy that things work but also focus on making things work fast. This course introduced basic algorithms, their Javascript implementations and runtime complexity in an easy-to-understand way. It made my current study of Coursera's Algorithm course much less struggling than it should be for a learner with no CS-degree background.

You don't know JS

Online book

This in-depth book explained fundamental concepts of Javascript such as scope, hoisting, the "this" keyword and so much more. Although I need many more re-reads and practice for all those concepts to sit and stay, I am grateful for this book to let me understand the confusing syntax this.function.bind(this) and the surprising fact that almost everything in Javascript is an object.

My Contact:

hayley.ha212@gmail.com