@GiovymSubmitted almost 2 years ago
I used React, Redux Toolkit and TailwindCSS to complete the challenge!
#react#redux-toolkit#tailwind-css
P
lai yiu leung
@jasper2virtualAll comments
- P@jasper2virtualPosted about 2 months ago
well done, this project is difficult to me
0 - @alfonso-ramosSubmitted 11 months agoP@jasper2virtualPosted 2 months ago
you are awesome, I almost lost my mind and patience to complete this project
0 - @TrEv0rRrRrSubmitted 3 months ago
- @AeroBWSubmitted 3 months ago
- @SpecroSubmitted 3 months ago
- P@jasper2virtualSubmitted 4 months agoWhat 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.
- @NovikovIlyaSubmitted 10 months agoWhat 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@Fable54321Submitted 4 months ago
- P@hikawiSubmitted 6 months agoWhat 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@jasper2virtualPosted 4 months agoyou 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.
1 - P@DalaScriptSubmitted 6 months agoWhat 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@RetroApeSubmitted 5 months agoWhat 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@jasper2virtualPosted 5 months agoAlthough 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 helpful1 - @Ejiro-FrancesSubmitted 5 months ago
- @kadiryildiriSubmitted 6 months ago
- @SergioCasCebSubmitted 5 months agoWhat 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
- @herojk64Submitted 5 months ago
- P@asad102Submitted 7 months agoWhat are you most proud of, and what would you do differently next time?
I will leave feedback on developers
- P@tdimnetSubmitted 11 months agoWhat 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@Wojciech-PodlesnySubmitted about 1 year agoP@jasper2virtualPosted 12 months ago
You solution code is so clean. I have over-engineered my solution.
0
