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.
Top comments (0)