function welcome(wittyWelcome) {
// Charm user with wit
wittyWelcome = wittyWelcome
|| "My name is Andrew. I'm a web developer.";
return wittyWelcome;
}
// Charm user with wit
wittyWelcome = wittyWelcome
|| "My name is Andrew. I'm a web developer.";
return wittyWelcome;
}
/* Meta-code */
.welcome-code {
font-family: monospace;
opacity: 40%;
position: absolute;
font-size: 0.9em;
}
.css.code {
top: 80%;
right: 10%;
}
.welcome-code {
font-family: monospace;
opacity: 40%;
position: absolute;
font-size: 0.9em;
}
.css.code {
top: 80%;
right: 10%;
}
<div id="welcome-container">
<div id="greeting">My name is <span class="primary">Andrew</span>.
I'm a web developer.</div>
<div id="blurb">
<div>// Tools of choice: <span class="primary-light">HTML</span>,
<span class="primary-light">CSS</span>, <span class="primary-
light">JavaScript</span>, and <span class="primary-
light">React</span></div>
<div>// Excellent communication skills and with love of learning</div>
<div>// Looking for an opportunity to expand and hone my skill
set</div>
</div>
<button class="button" onclick="window.location.href='#about'">Learn
More</button>
</div>
<div id="greeting">My name is <span class="primary">Andrew</span>.
I'm a web developer.</div>
<div id="blurb">
<div>// Tools of choice: <span class="primary-light">HTML</span>,
<span class="primary-light">CSS</span>, <span class="primary-
light">JavaScript</span>, and <span class="primary-
light">React</span></div>
<div>// Excellent communication skills and with love of learning</div>
<div>// Looking for an opportunity to expand and hone my skill
set</div>
</div>
<button class="button" onclick="window.location.href='#about'">Learn
More</button>
</div>
import React from 'react';
export const HeaderButton = (props) => {
let arrow;
if (props.active) {
if (props.asc) arrow = '▴';
else arrow = '▾';
} else {
arrow = null;
}
return (
<div className={props.classes}
onClick={props.handleClick}
id={prop.id}
>
{props.columnName} {arrow}
</div>
);
}
export const HeaderButton = (props) => {
let arrow;
if (props.active) {
if (props.asc) arrow = '▴';
else arrow = '▾';
} else {
arrow = null;
}
return (
<div className={props.classes}
onClick={props.handleClick}
id={prop.id}
>
{props.columnName} {arrow}
</div>
);
}
'use strict'
const express = require('express');
const bodyParser = require('body-parser');
const cors = require('cors');
const app = express();
const port = 5000;
app.listen(port, () => {
console.log(`Server running on port: ${port}`);
});
const express = require('express');
const bodyParser = require('body-parser');
const cors = require('cors');
const app = express();
const port = 5000;
app.listen(port, () => {
console.log(`Server running on port: ${port}`);
});
do
{
try();
if(dead) break;
}
while (!success);
{
try();
if(dead) break;
}
while (!success);
let mood = cofee ? ':D' : ':(';
My name is Andrew. I'm a web developer.
// Tools of choice: HTML, CSS, JavaScript, and React
// Excellent communication skills and with love of learning
// Looking for an opportunity to expand and hone my skill set
About
I am a web developer based in Perth, Western Australia who builds things with HTML, CSS, JavaScript, and React.
I am interested in both client- and server-side technologies, and am currently learning Node.js + Express and MySQL.
I am currently looking for an opportunity to hone and add to my skill set as part of a professional team.
Projects
Here are a few projects that I am particularly proud of. Feel free to peruse my GitHub profile and CodePen for more small projects and experiments.
NOTE: If you are on mobile or tablet, tap the image to see more information.
Slacker News
A minimalist Hacker News interface built with React that fetches data from this Hacker News API and displays the top 300 stories. The aim was to create a decluttered interface that is easier on the eyes. I also gained more experience working with React and JSON APIs.
Portfolio Website
The current website you are viewing was lovingly handcrafted (i.e. no frameworks used). The main purpose of this website is to showcase my ability to write clear, concise HTML, CSS, and JavaScript, but also gave me a chance to learn the ins and outs of hosting, domain names, responsive design, and UX basics.
8-Bit Drum Kit
A small app I built on CodePen using React and CSS (a FreeCodeCamp project). I am particularly happy with the design (though it does not work on mobile screens). It involved getting input from the keyboard, toggling CSS styles via React, and allowed me to familiarise myself with the flow of data in React.
CodePen: Full View | Editor View
Book List (Work in Progress)
A basic CRUD app that is modelled on GoodReads. The back-end consists of a server built with Node.js + Express and a MySQL Database. I am currently building a front-end UI with React. It has not yet been deployed, but you can view the code via the links below.
Contact
Send me a message with your name and e-mail and I will respond as soon as possible!