Latest solutions

Overall code.

I want to broaden my knowledge about javascript

I wanted to know if semantics matter more than simplicity, I could have added more classes, instead of applying attributes directly to the body in the CSS

How I can know the colors that are used?

With responsive, sizes, and I would say, figuring out how to have good CSS, since I think I didn't write the best CSS.

I wanted to import the files using aliases like this:

import Card from "component/Card";

But I had struggled configuring my react application to use that syntax especially in my tsconfig.json and vite.config.json files. When I set it up, it was working but I still get a red line on my imports so it raises an error when I build it. I don't know if there is something wrong with my IDE or in my configuration or something else. In the end, I ended up using relative paths to import my files.

1. I wanted some help in solving the problem mentioned above.
2. I also wanted to get some feedback on how I structured my files.
3. I also wanted some feedback on the decisions that I have made on what components I need to create for my react application.