braedengoodwin / animed

# What is this? I created this project based off of this website, https://framed.wtf/. # Stack HTML, a little bit of tailwind, and React. # What I learned I need to plan ahead when working on sites. Sometimes I just start building it so I don't overthinkg it but it can turn into a beast without planning. Maybe should have used more components? 95% of the code is in the App.jsx file and it started getting really messy and confusing at the end. Surprisingly the easy part was fetching the data and getting it to display, the hardest part was the game logic. What I mean by that is, keeping track of the user's guesses and if they were right or wrong and then figuring out a way to change the icon from black to green or red, was more challenging and confusing than I thought it would be. Overall a fun project that I've wanted to build for awhile # Improvements Actully making the game difficult, right now i just get the first 5 images from the api call, if i really wanted to make it challenging I'd hand select each image, making the first image the hardest to guess the making it progressivly easier as the user guessed more. ########################################################################################################## # React + Vite This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. Currently, two official plugins are available: - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh # animed