WEB PROJECT

Where Are The Seams?

Project Link: Where Are The Seams?

Made With: React, Vite, Javascript, HTML, CSS, (TypeScript)

Description

Where Are The Seams? provides visual information for what developers worked on what games. As it currently stands, the project displays the most important developers who worked on the first six Final Fantasy games. By selecting one of the six titles, you can see a visual representation of which games each person worked on and what their role was. My intent is to help players understand why one game might feel different than another by showing this information. For example, a sudden shift in tone might be due to a different person working as director or scenario writer.

This project is still a work in progress.

Development

The project was originally written in TypeScript and React. Learning both at the same time was a mistake, like learning to drive and learning to drive a car with a manual transmission at the same time. I have never done anything quite like this project and I was being slowed down trying to rough everything out by always needing to assign types. I did end up learning TypeScript from this project though. I also learned the importance of forcing types in other projects (GameMaker) after I better understood the intent of TypeScript. I plan to use TypeScript in future projects and perhaps re-add it to this project.

Features

• Uses React states and hooks.
• Separate pre-computed data layers to reduce complexity and increase speed (likely negligibly).
• When a game is chosen, hand-selected developers and what games they worked on and their role are displayed.