Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Frontend Mentor
Login with GitHub
OverviewSolutions6Comments2

Jimmy D.

@Jd536
Dominican Republic
130Points

Full-Stack JavaScript developer. A business lover who enjoys the sound of the iron at the gym.

Latest Solutions

  • Desktop design screenshot for the REST Countries API with color theme switcher coding challenge

    Responsive web app using CSS and react

    #framer-motion#react#react-router#sass/scss
    • HTML
    • CSS
    • JS
    • API
    0
    Jimmy D.130
    Submitted

    Hey there!

    Thank you for looking at my solution. 🙂

    This project allowed me to sharpen my React Hook knowledge. Specifically, useReducer, and useContext. I had to read many blogs and articles, a lot of debugging and analysis.

    Some of the resources. - https://www.digitalocean.com/community/tutorials/how-to-manage-state-with-hooks-on-react-components

    I would like to thank you in advance for your feedback or questions.

    Take care.

  • Desktop design screenshot for the Advice generator app coding challenge

    Flex box, mobile first design,

    #accessibility#react#sass/scss
    • HTML
    • CSS
    • JS
    • API
    2
    Jimmy D.130
    Submitted

    Hey Guys!

    I hope you are enjoying the week, coding.

    Submitting this right here and hope to hear your feedback

    Cheers.☕

  • Desktop design screenshot for the Intro section with dropdown navigation coding challenge

    Flex box, mobile first design

    #react#sass/scss
    • HTML
    • CSS
    • JS
    0
    Jimmy D.130
    Submitted

    Hey fellows!

    I hope you are having a great week. This was a fun challenge.

    One of the great things I practiced here was the mobile-first design approach. I have also had a chance to get deeper in react hook (useRef, useState, effect).

    Thank you for taking a look at this and sharing your feedback with me.

    Best!

  • Desktop design screenshot for the NFT preview card component coding challenge

    NFT preview card component

    #jquery#react#react-router#sass/scss#vue
    • HTML
    • CSS
    0
    Jimmy D.130
    Submitted

    Hey fellows.

    Thanks for taking a look at my solution. I appreciate your feedback.

    Take care.☕

  • Desktop design screenshot for the QR code component coding challenge

    QR code component

    #jquery#react#react-router#sass/scss#angular
    • HTML
    • CSS
    1
    Jimmy D.130
    Submitted

    Hi there!

    Thank you for taking the time to review my submission. I am here to sharpen my front-end skills. I welcome all feedback and suggestions.

    Best ☕

  • Desktop design screenshot for the Interactive rating component coding challenge

    Interactive rating component

    #react#react-router#accessibility
    • HTML
    • CSS
    • JS
    2
    Jimmy D.130
    Submitted

    Hey there,

    Should you see anything I could have done better, please let me know.

    Design or functionality wise.

    Take care!

View More Solutions

Latest Comments

  • Solution screenshot
    • HTML
    • CSS

    QR Code Component Using HTML & CSS

    3
    Jimmy D.130 | Posted about 1 month agocommented on lissa's "QR code component" solution

    Hey Kirsten,

    Great start! ✨

    The Background-colors match the design

    Here are a few things you could improve:

    1. Make sure the font-family match the Design. The style-guide file suggested Outfit Get Started with the Google Fonts API

    2. Set the font size to 15px (no big deal, but it's always best to follow design recommendation).

    3. Instead of using div around main class, you could use main for accessibility purposes.

    4. The last thing and the most important is that your solution is not responsive. The QR-code is not visible on mobile. Kindly update your code to match the mobile design. 🙂 Resource.Responsive design

    I hope this is helpful. Feel welcome to let me know if you have any questions.

    Have an excellent weekend. ☕

    1
  • Solution screenshot
    • HTML
    • CSS
    • JS

    Interactive rating component using Svelte

    1
    Jimmy D.130 | Posted 2 months agocommented on Marenda SA's "Interactive rating component" solution

    Hey @rendaardy

    Awesome Job! Way to go.

    Here are a few things I would improve.

    #Color matching.- The main container color on your solution is #252e37 while the deign is #1f2630 To match design colors if not specified, I have been using the Firefox Eyedropper function available on the Firefox browser console.

    https://firefox-source-docs.mozilla.org/devtools-user/eyedropper/index.html

    It would also be awesome if you could add a few pixels to the height of the main box to match the design.

    So far, that's all I could see. I hope this is helpful.

    Great Job ✨

    0