-
Notifications
You must be signed in to change notification settings - Fork 39
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Maze #13
base: main
Are you sure you want to change the base?
Maze #13
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good job with this project Johanna, I like the simplicity which makes it easy to follow. Kudos for the buttons' positions. What about the descriptions though? How should the user know where to go? 👀 Something to think about...
src/App.css
Outdated
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove unused files and code
src/App.jsx
Outdated
useEffect(() => { | ||
// start("Maze Man"); | ||
}, []); | ||
|
||
console.log(gameState); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove
src/Game.css
Outdated
.Game { | ||
} | ||
|
||
.Game-description { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove unused code throughout your whole app. And make sure to always name CSS class names in kebab-case
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
(lowercase)
<button | ||
// ${action.direction} is a template literal, it will be replaced with the value of action.direction | ||
className={`Game-navigate ${action.direction}`} | ||
disabled={loading} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Very nice! As you know, one of the requirements this week is:
- Focus on making the UX of your app good. Handle the response delay
and I think it would be very nice with some kind of loading indicator, but on the other hand you have actually handled the response delay by disabling the buttons, so 👍
src/store.js
Outdated
username: "", | ||
// here we are declaring the loading after pressing button | ||
loading: false, | ||
gameState: undefined, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'd probably use null here
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Your store has the things that is needed and is structured properly 👍
Netlify link
https://mazzze.netlify.app