Skip to content
OverviewSolutions
13
Comments
13

SydsBike

@SydsBike210 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • P
    Darkstar•1,420
    @DarkstarXDD
    What are you most proud of, and what would you do differently next time?

    Built with. 🔨

    • React
    • TypeScript
    • Tailwind
    • Radix Primitives - for the Slider component
    • Vite

    Features. ✨

    • Generate a new random password based on the password options user selects.
    • A new password is generated on page load and every time the user makes a change to an input or when the "Regenerate" button is clicked.
    • User can copy the generated password to the clipboard by clicking a button.

    New Things Learned. 🎓

    • This was my first time using a headless UI library.
    What specific areas of your project would you like help with?

    Any sort of feedback is appreciated!

    Password Generator App (React, TypeScript)

    #tailwind-css#typescript#vite#react
    1
    SydsBike•210
    @SydsBike

    Looks great and functions well. It doesn't appear to have an empty state though.

  • percydocomo•550
    @percydocomo
    What are you most proud of, and what would you do differently next time?

    Using the forEach() method in this project. I'm getting more familiar with it now. Glad to find out the parseFloat() method which is very useful in this project.

    What challenges did you encounter, and how did you overcome them?

    Achieving all the CSS styles in active states. There are minor changes that are easy to overlook like the input text color change and button's background color and font color change on hover and on focus. I used ::placeholder pseudo-element to set the placeholder font color and set another color for the input color. As for the buttons, I used CSS to create the hover color change, however, to keep the CSS styles of the button when after being clicked, it is better to use JavaScript instead.

    What specific areas of your project would you like help with?

    All feedback is welcome.

    Tip calculator app

    1
    SydsBike•210
    @SydsBike

    Looks and functions well! My only suggestion would be using more semantic elements in your html.

  • ha308ing•240
    @ha308ing
    What are you most proud of, and what would you do differently next time?

    Next time I would do better ui in case of failed data fetch (at least any ui xD)

    The idea from a learning path to manage data display with css, but not with data filtering is so great, that I made some mess from conjunction of the app state and this approach, so I put an active timeframe in a data- attribue and managed cards display from that parent attribute. It seems so wrong xD

    What specific areas of your project would you like help with?

    styled-components or tailwind?

    Cards with 3 types of data and global toggler react, styled-components

    #react#styled-components#vite#zustand
    1
    SydsBike•210
    @SydsBike

    Looks great and functions well! It appears you used typescript, which I am unfamiliar with so it's difficult to really offer any feedback. Well done though!

  • Antoine Delalande•170
    @Hamsolovski
    What are you most proud of, and what would you do differently next time?

    I'm quite happy with my JS logic

    What challenges did you encounter, and how did you overcome them?

    bug management

    Newsletter sign up form

    1
    SydsBike•210
    @SydsBike

    Well done! Functions very well!

  • kevsmartini•210
    @kevsmartini
    What are you most proud of, and what would you do differently next time?

    This challenge really took me ages to figure it out,finally I finished it,very happy for that.

    What challenges did you encounter, and how did you overcome them?

    Making the social media bar took me a while then JS got me thinking as well.

    What specific areas of your project would you like help with?

    any advice is very welcome and appreciated!

    Article preview component

    1
    SydsBike•210
    @SydsBike

    Very well done! The positioning of the mobile icons was difficult for me and I like the way you accomplished this!

  • SydsBike•210
    @SydsBike

    Well done! I liked how you used mediaQueries for your font-variables

View more comments