@EduardoPoot-dev
Submitted
The app integrate LocalStorage for save the notes and save the color theme, getting the theme for default of the navigator, for applicate the dark mode or light mode
@RafaelSS427
@EduardoPoot-dev
Submitted
The app integrate LocalStorage for save the notes and save the color theme, getting the theme for default of the navigator, for applicate the dark mode or light mode
@RafaelSS427
Posted
Hi Eduardo. I had a look at your project and I have a few observations.
Marked as helpful
@better5afe
Submitted
Hi there!
This project took me a little bit longer than I expected, the autumn weather definitely does not help with my coding motivation :D
To summarize, the users are able to:
In addition to this:
As always, I'll be grateful for any feedback.
Thanks & Happy Coding! ๐
@RafaelSS427
Posted
Hi Better5afe, I really enjoyed your work! I would like to share with you 2 possible improvements you could implement.
As you can see these are improvements related to the user experience. I hope my observations are helpful! :D
@Katemuya
Submitted
After a while, I am making my way back to coding and thought I should start with this project. I am open to any constructive comments, suggestions or feedback. Thank you :)
@RafaelSS427
Posted
Hi Catherine, I was looking at your solution. Styles are fine but I see you have problems with the size container, I suggest leaving the width on "auto" and centering it with the flex or grid property. For example:
<div class="container"> [use flex or grid]
<div class"card-container"> [width: "auto"]
<img />
...
</div>
</div>
The width size will adapt to the defined size of your image. You can practice with the flex property in this web site: FLEXBOX FROGGY
Marked as helpful
@itsale-o
Submitted
Hello ๐
This is my solution to the age calculator app challenge. I built it all by myself, I'm still a newbie with JavaScript, my app is totally working but there are a lot of if
and else if
on my code, so I'm pretty sure there is a better way to do it, but honestly I don't know how.
Feedbacks are welcome
@RafaelSS427
Posted
Hi Alessandra, you did a great job! These are my observations about your code.
const userDate = new Date(`${month}-${day}-${year}`)
if (userDate.getDate() !== Number(day)) {
throw Error('Must be a valid day')
}
When we enter an invalid date to a date object, it will add the days to the next month as a result, so if we do something like this "new Date("02-31-2023")" we would have this as the answer: "2023-03-03T06:00:00:00.000Z".
body{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
/* max-width: 1450px; It's not necessary */
background-color: hsl(0, 0%, 94%);
font-size: 2rem;
}
Marked as helpful
@dangero1990
Submitted
I built this project this way because I wanted to try out some of React's more complex hooks rather than just using state for everything. Please comment with any critiques you may see. I'm looking to learn and get better :)
@RafaelSS427
Posted
Hi Andrew, you did a great job! I found points in your code that you can improve.
if (clear) {
inputRef.current.value = null;
}
Use this:
useEffect(() => {
if (clear) {
inputRef.current.value = null;
}
}, [clear, inputRef])
import { useContext } from 'react'
import { UserContext } from '../App'
export const useUserContext = () => {
const state = useContext(UserContext);
return {
...state
}
}
Marked as helpful
@Jschles1
Submitted
Any feedback on best practices welcome.
@RafaelSS427
Posted
I love the design. It is very similar to the original. Great work!