Skip to content
OverviewSolutions
13
Comments
13
SydsBike
@SydsBike

All comments

  • Darkstar•1,310
    @DarkstarXDDSubmitted 2 months ago
    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
    @SydsBikePosted about 2 months ago

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

    0
  • percydocomo•520
    @percydocomoSubmitted 2 months ago
    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
    @SydsBikePosted 2 months ago

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

    0
  • ha308ing•240
    @ha308ingSubmitted 3 months ago
    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
    @SydsBikePosted 2 months ago

    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!

    0
  • Antoine Delalande•170
    @HamsolovskiSubmitted 3 months ago
    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
    @SydsBikePosted 3 months ago

    Well done! Functions very well!

    1
  • kevsmartini•210
    @kevsmartiniSubmitted 4 months ago
    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
    @SydsBikePosted 3 months ago

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

    0
  • SydsBike•210
    @SydsBikePosted 3 months ago

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

    0
  • SydsBike•210
    @SydsBikePosted 4 months ago

    Good job! I noticed the quotation mark SVG seems to move and escapes the card it's in. Try setting it's parent to position: relative.

    1
  • P
    ChefJTaylor•130
    @ChefJTaylorSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Building these pages have been fun. Applying what I've learned from coding classes and the material provided by Frontend Mentor.

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

    Deciding between using a grid layout of a flexbox to make to complete the project. I found it was easier to use grid for the desktop layout and flexbox for the mobile version.

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

    I always feel like I'm writing more code than I need to. Any help on making the code cleaner would be greatly appreciated. Thank you.

    Four Card Feature

    2
    SydsBike•210
    @SydsBikePosted 4 months ago

    Well done!

    0
  • Abigail Figaro•290
    @abigailjulieSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'd like to start paying attention to the accessibilty report and the read.me. If you have a good example of what a good read.me looks like I'd love to refine my github.

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

    Adding the icon to the add cart. I wasn't able to resize but happy I was able to get close with bootstrap icons.

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

    I should get better at using landmarks. I just realized that it's best practice to design for mobile first. any other relevant best practices would help. I was not able to maintain the centerline of the prices. Please take a look and advise.

    Product Preview w/ Optimized layout

    2
    SydsBike•210
    @SydsBikePosted 4 months ago

    Nicely done!

    0
  • SydsBike•210
    @SydsBikePosted 4 months ago

    It looks good but I'm unfamiliar with the framework you've used; so i can't offer any feedback.

    0
  • SydsBike•210
    @SydsBikePosted 4 months ago

    Looks great! Well done

    0
  • SydsBike•210
    @SydsBikePosted 5 months ago

    I noticed you used absolute positioning for the avatar p element. An easier way I would approach that would be by turn the div.avatar into a flex container. Then the img and p would line up next to eachother. I would also remove the span element as a container for the avatar img.

    It looks good though!

    0
  • SydsBike•210
    @SydsBikePosted 5 months ago

    I noticed that you used multiple media queries to change the width percentage of the .card. If you set an initial max-width, this might help reduce the amount of additional code needed.

    Marked as helpful
    1