Submitted
Yoseph Winata
@yosephwinata
All solutions
Submitted
What specific areas of your project would you like help with?
How to change the color of the play icon on hover?
Submitted
What are you most proud of, and what would you do differently next time?
I use React Hook Form to manage the form, and React Hot Toast to display notifications. Learned a lot about React Hook Form.
What challenges did you encounter, and how did you overcome them?
I encountered a weird bug when resetting the form. Turned out that I should not call reset() in the submit handler function. The docs suggests to call the reset() in a useEffect hook.
Submitted
What are you most proud of, and what would you do differently next time?
It was my first time using React Query to fetch from API, and I have just realized how powerful it is.
Submitted
This is one of my favorite challenges so far. The challenge is more complicated than it seems 🙂
I implemented three levels of AI: Level 1: AI selects the moves randomly. Level 2: AI displays some kind of intelligence by following some basic rules. Level 3: AI applies the minimax algorithm, which renders it unbeatable.
This project was built with React, Typescript, styled-components, and Vite. I use the useReducer hook for the most part.
Any feedback would be greatly appreciated!
Submitted
Is my approach of dynamically importing and rendering the images correct?
Submitted
Submitted
Submitted
I can't get rid of the slight background colors at the bottom corner of every card. Any feedback is greatly appreciated.
Submitted
Any feedback would be appreciated!
Submitted
Tailwind, Parcel
- HTML
- CSS
Submitted
Submitted
Not responsive
- HTML
- CSS
Submitted
html, css, js
- HTML
- CSS
- JS
Submitted
JS Form Validation
- HTML
- CSS
- JS
Do people usually use external JS libraries for email validation, or use regex manually like: const validateEmail = (email) => { var re = /\S+@\S+.\S+/; return re.test(email); };
I mean for a simple landing page like this.
Submitted
Responsive Layout
- HTML
- CSS
Which one is the better practice:
- Creating a separate file for media queries (e.g. queries.css), OR
- Declaring the media query right after each CSS declaration (in the same file as the regular CSS).
Submitted
I followed the font sizes and styling in the Figma file. However, I got different results. Any idea why?
Submitted
Working Background Images
- HTML
- CSS
Submitted
Responsive Design with tag
- HTML
- CSS
Submitted
Overlay with mix-blend-mode
- HTML
- CSS
Am I doing the overlay correctly? It seems a bit off compared to the design file. How do I achieve the overlay in the design file?
Submitted
Order Summary
- HTML
- CSS
Submitted
Should I use css classes for all elements? In what situations would you target html tags directly instead of using classes?