Project Labyrinth - Viktoria O. #7
Conversation
There was a problem hiding this comment.
I found my way through I nice and well built maze! I like the design and the theme.
I think the code is very well structured, clean and understandable. Each component handles what it feels like it should do and nothing more, making it easier to follow along.
Fun to see a different approach on how you solved the task with different images for each scene using a json file.
You achieve the requirements and even some of the stretch goals! You should be really proud with what you have accomplished, both the code and the design looks really great🤩
| import Lottie from "lottie-react"; | ||
| import animationData from "../../animation.json"; | ||
| import "./Loading.css" | ||
|
|
||
| export const Loading = () => { | ||
| return ( | ||
| <div className="loader"> | ||
| <Lottie animationData={animationData} /> | ||
| </div> | ||
| ); | ||
| }; |
|
|
||
| export const Scene = () => { | ||
| const { locationDescription, coordinates } = useLabyrinthStore(); | ||
| const image = locationImage.find((img) => img.imgCoordinates === coordinates); |
| <input | ||
| type="text" | ||
| value={playerName} | ||
| placeholder="Enter your name" | ||
| onChange={(event) => setPlayerName(event.target.value)} | ||
| /> |
There was a problem hiding this comment.
Maybe you'd want to account for missing input here
There was a problem hiding this comment.
Well structured store! toggleHidden and startGame are great names for functions. Maybe the last one could be called something like makeNextMove to follow the same structure?
Netlify link
https://gleaming-panda-f1e201.netlify.app/
Collaborators
Solo project