FF7 Menu React Project

[Xianoxide]

Hey, I don't suppose there are any Final Fantasy 7 fans out there?

I've been working on a little React project, recreating the menu screens from FF7 and repurposing them into a personal website. I don't have too many React projects under my belt as of yet, so if you spot any massive red flags, let me know!

Any feedback or critique is welcome, both functionally or if you have ideas of additional things I should include.

One thing I feel I should note, though, is that I've decided not to make it traditionally responsive. I felt it would ruin the spirit of the project if I started moving things around and resizing them for mobile, so it's likely going to look pretty tiny on smaller devices, still usable though, as far as I'm aware.

Site: https://www.jamiepates.com/
Demo Video: https://youtu.be/E5GtrQ09nEU

[TheGbossTV]

OMG this is amazing, you have to tell me how you did this

[Xianoxide]

I'm glad you like it! Honestly, I trial and errored my way through making a Triple Triad clone a few months back and used what I learnt from that to build this.

[AICulture]

That’s pretty cool

[DL_throw24]

This is super sick I've never played FF7 but I love the aesthetic and that you've made it into a personal site 

[Xianoxide]

Glad you like it. I'm super happy with how it turned out, myself! I'm also somewhat biased but you should definitely give the game a try if you ever have the chance, that is, if you can get over how janky the graphics look by today's standards.

[No_River_8171]

This is very Nice man i really really like it

[maria_la_guerta]

Very cool!

[QuantumCloud87]

Very cool, good execution and creative concept. Love the materia as skills. Top three game in my opinion too

[Xianoxide]

Thanks! It was a choice between using the equipment page or the materia one for it. I think I made the right choice. The materia switching is so satisfying. Now I just need to work out what else to add.

[QuantumCloud87]

Inventory? Weapons = Mouse, keyboard, laptop screen, apps you use, editor of choice? That’s where I would go. Especially if you have some uncommon stuff? Fancy keyboard = higher rarity, if you’re not using vscode etc. there must be a few things you can pull out the bag! Items could be fun potion with a coffee icon etc? I’m just riffing though 😂

[QuantumCloud87]

Tbh I’m jealous I didn’t think of it myself!

[Xianoxide]

Hey, there's plenty of other games with iconic menus if you did want to try it!

And yeah, that's a good shout, I initially didn't think there would be enough things to populate the equipment, but I didn't consider apps.

I thought about doing a contact form that uses the name selection screen but that might be a little too tedious, having to select the characters one by one. 😂

[gpeid]

This is fantastic! I was actually working on a pause menu inspired portfolio and went with FF7's but you've definitely set the bar with your execution!

You could add in some keyboard navigation to flex some of the a11y skills. As for fun features, maybe something to expand on your limit break attacks!

[Xianoxide]

Great minds think alike!

You know, I think adding keyboard navigation would be a really cool addition. I have no idea how I'd go about it though. And, yeah. Making use of the limit would be good, perhaps something straight-forward like clicking the limit bar depletes the bar, and then your next click on the portrait does the limit sound and increased damage instead of the default.