Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All solutions

  • Submitted

    Age calculator with React + TS, Atomic desing and mobile first

    #bem#itcss#sass/scss#typescript#react
    • HTML
    • CSS
    • JS

    1


    Hello Mentor Frontend community

    As a bonus, add:

    • Dynamic animation of calculate age button when fields are valid or invalid
    • Custom text field with a button that opens a pop-up window to select the values taken by the input text field
    • Button to change the page theme (dark and light)

    I would be grateful if you could give me some guidance regarding:

    • Any other topic that helps me improve, I appreciate your comments.
    • The logic where I should go using atomic design, since I have used it in some atoms, molecules and organisms.
    • Any other topic that will help me to improve, I appreciate your comments.

    Thank you very much.

  • Submitted

    Card details with React JS, BEMIT and mobile first

    #accessibility#bem#itcss#react#less
    • HTML
    • CSS
    • JS

    0


    Hello Mentor Frontend community

    I would be grateful if you could give me some guidance regarding:

    • Architecture or order of the react application.
    • How many state variables should have a good component.
    • Any other topic that will help me to improve, I appreciate your comments.

    Thank you very much

  • Submitted

    App using React and scss, with other design and animation

    #accessibility#bem#react#sass/scss
    • HTML
    • CSS
    • JS
    • API

    0


    Hi Mentor Frontend community

    I changed the color of the design to make it stand out more, also, I inverted the order of the design and left the top of the card fixed, because I noticed that it was annoying to direct the mouse to the button when changing the size of the card.

    On the other hand, I would be grateful if you could guide me as far as:

    • architecture or order of the react application.
    • I am used to using the BEMIT nomenclature, in this case I use an scss file for each component, would it be better to create a folder for the application styles and then import them into each component?
    • Any other topic that helps me improve, I appreciate your comments.

    Thank you very much

  • Submitted

    Different accent color, animations, BEMIT and Vanilla JS

    #accessibility#bem#itcss#sass/scss
    • HTML
    • CSS
    • JS

    1


    Hi Mentor Frontend community

    Change the accent color to blue, because orange doesn't contrast well with background colors.

    I would like to know if it is recommended to remove the content of the rating card in the DOM after submitting the information. I do this so that the user can't resubmit the form.

    Any comment that helps me improve will be well received, thank you very much

  • Submitted

    Vanilla JS, BEMMIT and mobile-first

    #bem#itcss#sass/scss
    • HTML
    • CSS
    • JS

    0


    Hello Frontend Mentors community. I would like feedback on the following:

    • How is the JS code in terms of modularization and event handling, and how could I improve it.
    • In CSS, what is the best way to create color themes and also use them with the preferred color scheme?

    Any other recommendations in another aspect will help me, in advance thank you very much.

  • Submitted

    Responsive page using JS vanilla and guard clauses

    #accessibility#bem#sass/scss#itcss
    • HTML
    • CSS
    • JS

    0


    the name of the functions correspond to the functionality they do? What architecture is recommended to follow in small projects? feedback welcome

  • Submitted

    Responsive page using flexbox

    #bem#itcss#sass/scss
    • HTML
    • CSS
    • JS

    0


    Is it advisable to add git commits in small projects? In the event that it is necessary, should each minimal change do a git commit?