Adam Crowley
Front End Developer
About
I'm a front-end developer with a strong focus on presentation, and have experience in the advertising industry. I build pixel-perfect accessible and responsive websites.
I've recently completed the Certificate in Applied Software Development bootcamp at Dev Academy Aotearoa. Through hands-on projects and collaborative learning, I gained practical experience in JavaScript, TypeScript, React, Redux, Node.js, Express.js, SQLite, RESTful APIs, Git, HTML and CSS.
Contact me at adamcrowley@gmail.com, LinkedIn or GitHub.
Work
Day of the Dead
React website
- React
- Typescript
- Vite
- Node
- Express
- PostgreSQL
- Tailwind
For this project I wanted to create a simple full-stack CRUD app that utilises React for the front-end and Express/PostgreSQL for the API. This is an adaptation of a Dev Academy exercise that was originally a server side Handlebars app.
I learned how to create and host a standalone API & PostgreSQL database; how to use React to make requests/posts and update the UI based on the response; and how to implement Tailwind for the CSS.
View site >React source code > API source code >
Pallas Cat Hub
React website
- REACT
- TYPESCRIPT
- VITE
- CSS
- YouTube Video API
I designed and built this project to make elements that I've built before in Javascript, but learning how to do it in React. I built the site from scratch using the Vite Typescript framework.
My goal was to get more familiar with how React renders and updates the view of components on click events. And to build video/image sliders that render based on JSON data.
View site > Source code >
True Honey
Shopify website
- HTML
- CSS
- JS
- Greensock
- HTML5 Video
- Cin7
This was a project I built while I worked at Federation Agency. I started with a blank Shopify theme template and customised it to display like the supplied design. I used the Greensock Animation Platform to implement the scroll based animations on all the pages.
This was my first time using the Shopify platform so I had to learn how to use Shopify's Liquid page templating system and CMS. I also learned how to integrate inventory management via Cin7.
View site >
Federation Agency
Microsite
- HTML
- CSS
- Greensock
- HTML5 Video
- YouTube Video API
This was the company website I built while working at Federation agency. I built this website from scratch from the supplied design in HTML. I used the Greensock Animation Platform for scroll triggered animations, and utilised the YouTube API to control playback of video elements.
Building this site was the first time I implemented CSS Flexbox for layout, so that was good to get practice in. But looking back, I should have implemented a Content Management System for the News section.
View site >
Safer Boating
Landing page
- HTML
- CSS
- JS
- HTML5 Video
I built this landing page for Federation Agency while working as a freelancer. This is a HTML/CSS brochure page with HTML5 Video background and uses javascript for interactive elements like the mobile nav menu and accordian menu.
In this project I learned how to implement the Slick Slider JS plugin for the 5 Ways To Be Safe image slider which displays in mobile/tablet view.
View site >