This site is an attempt at learning and improving my skills working with web technologies. I'm solving Advent of Code puzzles in web browsers! It's also a part of the Backstage Advent of Code group.

The site is made with the web framework Svelte and built using Sveltekit. The site lives statically on GitHub pages. I might do some of the puzzles using Typescript, but I want to make sure I'm comfortable with Javascript first.

To-do list #

Things I should do #

Add a way to view code on the page, e.g. with a toggle
Fix sorting issues on some year pages
Add ~~keywords for each page~~ and a way to sort pages by keywords (e.g.: lists, sorting, etc)

Low-priority:

Allow for more customisation/bindings with the Result component, which would be useful for solutions that need a visualisation
Basic visualisation support (integrate e.g. chartjs into library stuff?)

Acknowledgements #

ric2b's 2021 Advent of Code site was used as inspiration
Glench's sveltekit GitHub pages template was used to work out how to get this working with GitHub Pages

Instructions for use #

Developing #

Ensure you have node.js installed, and a high enough version of it (I recommend node.js v18 - which gives you npm v8, which is required!)
Clone the project with:

git clone https://github.com/emilyhunt/advent-of-code.git

Run the following in the project directory to install dependencies:

npm install

Start a development server using:

npm run dev

or open it automatically in a new browser tab with

npm run dev -- --open

Building #

To create a production version of the app:

npm run build

Push this to GitHub to update the pages site. You can preview the production build locally with npm run preview.

Clone this repository

Emily's Advent of Code site #