It's the honeymoon period of the project where I go shopping for technologies and frameworks. I have an idea of what I would like to do. I'm currently trying to solve the how.

Graphic Design

Figma

It's the web dev design standard nowadays.

Version Control

Git

Can't live without it. Subversion is a viable alternative that my old workplace used.

Frontend

JavaScript

ReactJS

It's a versatile library that is worth learning for today's web dev jobs.

TypeScript

I always end up learning a lot when I write with typed languages.

D3 (for JavaScript visual features)

I tried looking into other alternatives, but they tend to be gigantic frameworks costing thousands of dollars per developer. They looked cool though. Browsing for D3 tutorials yields very few useful results. I'll be relying a lot on Free Code Camp's D3 tutorial

NextJS

I will be using NextJS for this project because server-side rendering will be a faster method of presenting skill trees than client-side rendering done with vanilla React. I was a bit weary of not being able to control my backend due to my last project, which was my portfolio site built in Gatsby. Gatsby came with one-too many shortcomings since it was only a static site generator. Re-rendering components was not possible on Gatsby, but I'm hosting a website for free from their cloud so who am I to complain? The alternative would be using create-react-app to start my project, and I would have used the Django backend framework for APIs and GraphQL

CSS, Animations and Transitions

Tailwind CSS

Tailwind CSS was fun to work with on my portfolio project. Bootstrap is a viable alternative, but I felt like Tailwind was easier to customize without a .css file.

Animxyz for Animations and Transitions

I finally get to break out Animxyz. I've been drooling over this composable animation framework for a while now. I hope it won't interfere with Tailwind CSS.

Testing

Cypress

I feel like I'm going to need to learn Cypress at some point anyways. I really want to focus on Test-Driven Development this time so development becomes easy.

Backend

NextJS

I'll check out the limits of NextJS.

Deployment

Vercel

It is supposedly free and easy to deploy a NextJS app on the Vercel platform so I'll need to try that out.

Database

FaunaDB

I'm going to break out FaunaDB for this project. Fauna handles how data is stored and modeled: it's another thing I won't need to do myself.