Pinned Repositories
100DaysOfCode
A diary documenting my 100 Days of Code learning journey and continuing on after Day 100 until Week 12 of the School of Code bootcamp. A Learning Journal.
analogue-clock
An analogue clock made using the date object, setInterval() and CSS.
b-iano
A small vanilla JavaScript project in which I made a kind of piano (but not with the sounds of a piano!) and learnt how to add an event listener to the window.
basic-stopwatch
A basic stop watch app where I was experimenting with using setTimeout() and clearTimeout() for the first time.
connect-four
Connect Four! A two day School of Code hackathon in which we built this game, implementing our learning about OOP. I have since refactored this app to improve the UX, make it more robust and better implement SOLID principles.
countdown-clock
A very basic Countdown Timer using setTimeout() and some animation implemented with keyframes
dad-joke-generator
A Dad Joke Generator built with vanilla JavaScript which uses fetch() to get data from a jokes API.
drawing-app
A drawing app that I made using HTML5 <canvas> with adjustable pen size, style and color. Also comes with magical rainbow mode! Pictures can be downloaded upon completion.
drumkit
This drumkit is the first tutorial in Wes Bos' JavaScript 30 Course and I really enjoyed making it! I learnt more about key events including listening for the transition end event.
hackernews-clone
This is my first project using GraphQL and I followed a tutorial to make this Hackernews clone. The server is built from scratch using Node.js, Apollo-Server and Prisma and the front-end is made with React and Apollo Client. Still some bugs to fix!
katiehawcutt's Repositories
katiehawcutt/connect-four
Connect Four! A two day School of Code hackathon in which we built this game, implementing our learning about OOP. I have since refactored this app to improve the UX, make it more robust and better implement SOLID principles.
katiehawcutt/analogue-clock
An analogue clock made using the date object, setInterval() and CSS.
katiehawcutt/dad-joke-generator
A Dad Joke Generator built with vanilla JavaScript which uses fetch() to get data from a jokes API.
katiehawcutt/drawing-app
A drawing app that I made using HTML5 <canvas> with adjustable pen size, style and color. Also comes with magical rainbow mode! Pictures can be downloaded upon completion.
katiehawcutt/drumkit
This drumkit is the first tutorial in Wes Bos' JavaScript 30 Course and I really enjoyed making it! I learnt more about key events including listening for the transition end event.
katiehawcutt/hackernews-clone
This is my first project using GraphQL and I followed a tutorial to make this Hackernews clone. The server is built from scratch using Node.js, Apollo-Server and Prisma and the front-end is made with React and Apollo Client. Still some bugs to fix!
katiehawcutt/hangman
Hangman built in Elixir and using LiveView
katiehawcutt/Hello-World
This is a repo created using Postman as part of my Postman Student Expert course.
katiehawcutt/hi-im-katie-webpage
A simple webpage about myself created using just HTML and CSS - no JavaScript allowed! It was my first School of Code assignment.
katiehawcutt/interval-timer-app
An Interval Timer app which was my first proper project. Built using vanilla JavaScript, I learnt a lot including the importance of refactoring and got more confident with CSS Flexbox.
katiehawcutt/kanye-west-quote-generator
A Kayne West Quote Generator built using vanilla JavaScript which uses fetch() to get data from an API
katiehawcutt/my-blog-website
This is the first site I built with Next.js and it's deployed using Vercel. It's a simple blog website with a homepage and links to individual blog posts using dynamic routes.
katiehawcutt/my-first-go-module
Very basic first Go module
katiehawcutt/my-first-golang
Learning some GoLang basics
katiehawcutt/my-first-nextjs-app
A very basic Next.js app built using a tutorial. I learnt a lot about SSG, SSR & ISR and I created a dynamic route.
katiehawcutt/noughts-and-crosses
A simple game of Noughts & Crosses. This was the first School of Code Hackathon we completed using React and as such there was lots to learn!
katiehawcutt/paragon-team-building-project-backend
School of Code Final Project. A Team Building Platform and bespoke game called Facts! built in response to a brief from SoC to improve remote team building.
katiehawcutt/paragon-team-building-project-frontend
School of Code Final Project. A Team Building Platform and bespoke game called Facts! built in response to a brief from SoC to improve remote team building.
katiehawcutt/photo-frame-editor
This photo frame app allows you to change the border width, border color and blur of a photo. I learnt how to update CSS variables with JavaScript.
katiehawcutt/quiz-app
A Science & Nature Quiz App which is built using vanilla JavaScript and uses fetch() to get data from a quiz API. I spent quite a bit of time on styling using CSS.
katiehawcutt/react-animation-challenge
We created our favourite pub using a React Animation Library and CSS! It's almost like being there...
katiehawcutt/record-store
Simple project in Go to play around with some CRUD operations using a PostgreSQL database and pgx
katiehawcutt/responsive-image-gallery
A Responsive Image Gallery made using a JavaScript30 tutorial. I used toggle() for the first time to change between class lists and had a good recap on CSS selectors and Flexbox.
katiehawcutt/robot-controller-app
An app built in order to control a robot (called ShoeBot as he's made out of an old shoe). The directions data is sent to the bot using fetch() and Shoe is powered by a Raspberry Pi.
katiehawcutt/rock-paper-scissors-game
Rock, Paper, Scissors! The first game I made and later refactored. Built with vanilla JavaScript.
katiehawcutt/SoC-mentoring-platform-backend
School of Code Mentoring Platform. Commissioned by the School of Code to improve the mentoring experience, this was a one week Agile project in which we implemented a Kanban system using Trello to manage the backlog and prioritise tasks ensuring continuous alignment with our vision.
katiehawcutt/SoC-mentoring-platform-frontend
School of Code Mentoring Platform. Commissioned by the School of Code to improve the mentoring experience, this was a one week Agile project in which we implemented a Kanban system using Trello to manage the backlog and prioritise tasks ensuring continuous alignment with our vision.
katiehawcutt/team-game-scoreboard
A Team Game Scoreboard created for our first full-stack hackathon at the School of Code. Built using Express and a Postgres database with a REST API server managing requests and serving backend data.
katiehawcutt/to-do-list-app
My first To-Do List app built using vanilla JavaScript. I learnt how to save to local storage and practiced using array methods.
katiehawcutt/weather-data-app
A Weather Data App app created in a one day hackathon at the School of Code. Built in response to a brief to create a web experience using data from an API. Refactored since.