@Giovym
I used React, Redux Toolkit and TailwindCSS to complete the challenge!
#react#redux-toolkit#tailwind-css
P
lai yiu leung
@jasper2virtualAll comments
- P@jasper2virtual
well done, this project is difficult to me
- @alfonso-ramosP@jasper2virtual
you are awesome, I almost lost my mind and patience to complete this project
- @TrEv0rRrRrP@jasper2virtual
wow, your solution is better than me.
- @AeroBWP@jasper2virtual
you are perfect
- @SpecroP@jasper2virtual
I like your output, it is beautiful
- P@jasper2virtualWhat challenges did you encounter, and how did you overcome them?
when coding with the complex data structure, I found it is very difficult to remember the structure, then I use Typescript to help me.
manage theme colors is very difficult, without the help of daisyui lib.
P@jasper2virtualwow, i like your comment. you help me a lot.
- @NovikovIlyaWhat are you most proud of, and what would you do differently next time?
;)
What challenges did you encounter, and how did you overcome them?;)
What specific areas of your project would you like help with?;)
P@jasper2virtualgood
- P@Fable54321P@jasper2virtual
wow your solution look perfect
- P@hikawiWhat are you most proud of, and what would you do differently next time?
This was the biggest challenge so far, I'm most proud of the result coming out good enough (to my standards). I would want to write better and easier manageable code because the current repo looks like my kitchen when I get bored D:
What challenges did you encounter, and how did you overcome them?Had a lot of trouble in very weird random places, like letting the page render without the flicker for the theme change, since it's my first time doing a multi page app on Astro. Or a hydration mismatch which is not the library's fault, just the way of taking data from localStorage being different from server rendered HTML. A bunch of tinkering later gave solutions that look very "simple" and short.
What specific areas of your project would you like help with?Probably better labeling for inputs and accessibility settings.
P@jasper2virtualyou solution is very beautiful. And you are awesome that using Astrojs to finish it in just 2 days.
I am struggling when working on mine, I almost spent 2 weeks, very frustrating that too many problems to overcome.
- P@DalaScriptWhat are you most proud of, and what would you do differently next time?
- I am proud that I successfully completed the project! 🎉
- It was a very interesting experience, and I learned new methods along the way. 📚✨
Here were the obstacles I faced:
- Copying the password by clicking the button. 🔑
- Changing the range input style. 🎨
- Modifying the style of the checkbox inputs. ☑️
- Implementing strength bars. 📊
- And finally, the most important task: generating a random password by clicking the submit button! 🔄🔒
- Any advice from another developer would be appreciated.
P@jasper2virtualoh my god, you are perfect
- P@RetroApeWhat are you most proud of, and what would you do differently next time?
I am just proud I managed to match the design :)
What challenges did you encounter, and how did you overcome them?There were some little challenges like working with Git, nothing to write home about.
What specific areas of your project would you like help with?Although the project was simple to do, centering an element vertically and horizontally seems to be more complicated than it should. Using
flexis possible (I think), but I decided to use positioning:.container { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }I understand the
transformproperty, but I don't understand what is-ms-transformproperty supposed to be and what does it do. If anyone has an answer or has a link with a good explanation, I am happy to devour it :)P@jasper2virtualAlthough translate and absolute positioning can get the job done, but this is the technique decades ago. In modern css, flex and grid are the better tools when you try to build the structure of layout.
Positioning and translation is still useful today, depending on the use case. One example is building the dynamic widget on screen.
Marked as helpful - @Ejiro-FrancesP@jasper2virtual
it is good!
- @kadiryildiriP@jasper2virtual
well done
- @SergioCasCebWhat are you most proud of, and what would you do differently next time?
Nothing in specific. It was a quick fun challenge. I proud that I tried to focus on future maintenance and flexibility by having a structure and functionality in a way that if more inputs are added it could still work with minimal changes.
What challenges did you encounter, and how did you overcome them?Nothing in specific.
What specific areas of your project would you like help with?Nothing in specific. But feedback is always welcome. :D
P@jasper2virtualyour output is pretty
- @herojk64P@jasper2virtual
omg, your solution is beautiful
- P@asad102What are you most proud of, and what would you do differently next time?
I will leave feedback on developers
P@jasper2virtualyour solution is perfect
- P@tdimnetWhat are you most proud of, and what would you do differently next time?
I'm generally happy with the use of CSS Grid. I didn't write too much CSS and the layout is working fine.
I tried to make the design as close as possible, especially on desktop but I didn't achieve it. I didn't want to use too many pixel values otherwise the project would have been too "blocked".
I am going to continue studying grid :).
What challenges did you encounter, and how did you overcome them?The desktop version was the most challenging. With grid template areas, I managed to make the design looks close to the wireframes but it could be improve.
What specific areas of your project would you like help with?Having advice about CSS Grid is always welcome :).
P@jasper2virtualyour code is awesome
- @Wojciech-PodlesnyP@jasper2virtual
You solution code is so clean. I have over-engineered my solution.
