*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*

Advent of Code 2021

1
Sonar Sweep
2
Dive!
3
Binary Diagnostic
4
Giant Squid
5
Hydrothermal Venture
6
Lanternfish
7
The Treachery of Whales
8
*
Seven Segment Search
9
Smoke Basin
10
Syntax Scoring
11
*
Dumbo Octopus
12
*
Passage Pathing
13
Transparent Origami
14
Extended Polymerization
15
Chiton
16
*
Packet Decoder
17
*
Trick Shot
18
Snailfish
19
*
Beacon Scanner
20
Trench Map
21
*
Dirac Dice
22
Reactor Reboot
23
Amphipod
24
Arithmetic Logic Unit
25
Sea Cucumber

TL;DR My attempt at having fun with the Advent of Code 2021 puzzles in React. Source code on GitHub. I've marked the challenges I'm proudest of in the calendar below. You can use the toolbar at the bottom to read my notes and toggle between parts.

“You're minding your own business on a ship at sea when the overboard alarm goes off! You rush to see if you can help. Apparently, one of the Elves tripped and accidentally sent the sleigh keys flying into the ocean!”

I started this project because I had taken a break from programming and was feeling a bit rusty. I'm happy to say that's no longer the case, and that I feel in better shape than ever.

I did the days in order, as will be pretty obvious. The amount of work that went into them was varied; challenges that didn't particularly inspire me were done in a matter of hours, while others took a couple of days.

I also took frequent breaks to explore different ideas that I had while working on the AoC challenges. You can find most of them on the /dev page.

You can read some more details in the notes for each day. That's also where you'll find instructkkions about how to interact with the challenge.

A huge thank you to all the other projects that made this one possible:

  • React and Next.js for an extremely solid base to work from.

  • Tailwind for an amazing CSS framework.

  • Framer Motion for being one of the funnest libraries I've ever toyed with.

  • Lodash for all the tiny utilities I didn't have to write myself.

  • The MDN Docs for being an indispensable and comprehensive learning resource.

And last but not least

  • Eric Wastl for putting together these puzzles; they've sparked in me, as in many others, the same joy that made me want to become a developer. For that I couldn't be more grateful.
By Matei Stroia
GitHub Logo