Front End Developer

I am a self taught developer that focuses on front end development using react

About

Hi I'm Charlie. I've been learning web development. To help in my developer journey I've enrolled in a 12 week course with _Nology. My long term goal is full stack development. I enjoy rock climbing, spending time in the outdoors and nerding about gear. I spent few years in Toronto, Canada pursuing a failed relationship. I’m playing around with the tools and knowledge I currently have and trying to find problems that I can solve. I am completing courses with FrontEnd Masters.

Featured Projects

Norm app

Description

This app fetches data from the twitter API to display the recent tweets made about Norm Macdonald, as a tribute to the late comedian.

Challenges and Solution

During the process, I encountered a CORS issue for the first time. To solve the issue, I served the React app from an express server; allowing the server to make the API request. Through the building of this app, I discovered Express, Node, CORS, working with an external API, and page-designing.

Technology used

Express, Node, React, TwitterAPI, Heroku

Paddy DnD Demo app (work in progress)

Description

This application is intended to replace several google sheets that are used to coordinate tasks and feed information to and from multiple users to the online order fulfilment team.

Challenges and Solution

Database design, data flow, UX design, project and burnout management

Technology used

React, NextJS, MongoDB

pformz (work in progress)

Description

This is a simple web form that create a ticket in zendesk via the Zendesk API. It replaces a workflow (email) and enforces more strucutre on the user.

Challenges and Solution

MVP scoping- choosing the correct scope or level of complexity. I decided to take a break from the CNC project and tackle something more simple. I had to stop myself a few times from being bogged down in trying to create something complicated. Form validation (both at client side and on my server). Understanding Next.JS' client component, server components and server side rendering

Technology used

Next.JS, React, Typescript, REST Api

Vending Machine

Description

This is a simple JS app with typescript to learn about manipulating the DOM with vanilla JS and the browser apis. Also thinking about state a little bit

Challenges and Solution

Getting Typescript to play nice with HTML events and elements were a little tricky and exposed some knowledge gaps

Technology used

Typescript, HTML, JS, CSS

JS Calculator

Description

This is a simple calcuator built with Javascript, HTML and CSS.

Challenges and Solution

First project with Nology that summarised our learning so far in DOM manipluation and Javascript

Technology used

HTML, JS, SCSS

Ecommerce Site

Description

This is a mock ecommerce site that pulls data from a firestore database

Challenges and Solution

I was challenged by handling complex product information ( ie colour, size and price variations), how to handle this info in the database and how this would affect displaying price and items in the cart. In the end I opted to simplify the structure and only have colour variations which do not change the price. I also had a little trouble deploying the app but was able to make it work in the end.

Technology used

HTML, JS, SCSS, React, Firebase, Heroku

Tech Skills

Reach out here