Projects.
Notionish
See on GitHubAn in-progress Notion(ish) clone, built in TypeScript with React! It's been really fun to get a little more hands-on with TypeScript in particular, and to experiment with how it interacts with React. I'm excited to carry on learning more.
Seasonal
See on GitHubA full-stack application written in Next.js, Node.js, Express and PostgreSQL, using both third-party and our own APIs. Designed and built by a small agile team, we completed our MVP and first stretch goal within a month, and presented our product to other developers and industry professionals at a virtual showcase. We've continued work on the app and API since, accomplishing more stretch goals. A video of our presentation is linked in the GitHub repository.
Couchbase Hackathon
See on GitHubI attended a hackathon at the Couchbase Manchester office, where me and a small team created a full-stack application in a day, which could track moors fires (and in the future, other ecological disasters too). Our team won! It was great to get some experience using Couchbase and non-relational databases, which I had never used before this hackathon, and I loved getting to know the Couchbase team and engineers. A really fun experience!
Weather App
See on GitHubA weather app built in Typescript. This project was built during a day-long hackathon at the School of Code alongside other developers, and it was the first full project any of us had built in Typescript, which we'd first started looking at two days previous.
.Class
See on GitHubA full-stack application written in React, Node.js, Express and PostgreSQL. In our ninth week of learning how to code, myself and three other teammates came together to build our MVP in under a week, before presenting our product to a panel of senior developers and industry professionals for questions and feedback.
Site 2.0
See on GitHubThe second version of my personal website, rebuilt in React. Rebuilding my website provided me with an opportunity to get some more experience working with React, which I didn't have a lot of experience with at the time. It was really fun to work with, though routing and deployment to GitHub provided their own challenges and drawbacks, which is how I ended up rebuilding the site again in Next.js (which is what you're reading now)!
To Do List
See on GitHubA simple to-do list app, built in React. This project was the first thing I built in React, and it provided a great learning exercise to get to grips with using state and props.
Site 1.0
See on GitHubThe first version of my personal website, built in vanilla JavaScript. Primarily, this project provided an opportunity to practice working through UX/UI design cycles and get some experience with the fundamentals. The process of designing my website according to a given brief is documented further on GitHub.
Rock, Paper, Scissors!
See on GitHubThe first game I ever built in JavaScript! A small browser game with light and dark mode toggle. I built the first version of this game in my first week working with JavaScript, and continued to improve it and add to it as a way to practice HTML, CSS and JavaScript earlier in my learning journey.
100 Days
See on GitHubThis is a log of my learning experiences, reflections, progress, and some useful resources and advice I encountered from different people while attending the School of Code programming bootcamp and completing the #100DaysOfCode challenge. It was really helpful to be able to keep detailed track of my progress, technically and personally. Hopefully, there are some small, useful bits and bobs in there for any current or future bootcamper who finds it, and if you have any questions, I'd be more than happy to chat!
Responsive Web Design
View CertificationA freeCodeCamp course which offers a great project-based introduction to responsive web design and how to code for accessibility on the web.
SheCodes Basics
View CertificationAn introductory series of workshops on creating accessible, reactive webpages with HTML, CSS and JavaScript. As an eternally-online teenager, I'd had a lot of experience messing around in webpage code to try and change different UIs. It was great to be able to get a more structured overview of the workings behind that experience.