Skip to content
OverviewSolutions
13
Comments
10
Duncan Chege
@duncan-chege

All comments

  • P
    Alexwz89•480
    @Alexwz89
    What are you most proud of, and what would you do differently next time?

    After 2 days of hard working, I finally published my first multi-page React project on Netlify, and it's a great way to conclude the third phase of Learning Path. Looking forward to more challenges in subsequent projects, I'll gradually increase my proficiency in React, while gradually introducing Typescript and Tailwind CSS!

    What challenges did you encounter, and how did you overcome them?
    • How to design the Route - review the lesson in scrimba, highly recommend Bob Zirol's Advanced React course!
    • The dark and light theme switch - even I have learned some knowledge from scrimba, but still asked GPT and xAI for the best practise to realize it.
    • The most challenge part comes from Test Page, I have introduced a lot of state variables to follow the status while keep the page update. At the same time, I have practised a lot about dynamic styling.
    • reviewed the process to publish the React website in Netlify. At the first time deployment, the image link was broken due to I have not used the import way.
    What specific areas of your project would you like help with?

    Welcome to my site, and feel free to leave any suggestions and ideas you may have~!

    Quiz website

    Milestone-Frontend Quiz with React and React Route!!!

    #react#react-router#vite
    2
    Duncan Chege•340
    @duncan-chege
    • Add an error state when someone clicks the "Submit Answer" button yet they haven't chosen an option in the question
    • Space your icons from the text in the option question boxes
    • Reduce the opacity in your options box-shadows
    • Change the button text in the final question from "Next Question" to "View Score"
    • Let your element styles in dark mode be similar to the Figma design
  • Duncan Chege•340
    @duncan-chege
    • Your app is good! However, include a "COPIED" prompt once the copy icon is clicked so that users can know the password is copied to the browser clipboard
    • Also, change the colour of the copy icon on hover and not its stroke width
    Marked as helpful
  • Duncan Chege•340
    @duncan-chege
    • I think it's best you remove your default values and let someone enter their own "bill" and "number of people" values. Also, consider that calculators don't come with default values
  • P
    Toba•310
    @tobaojo
    What are you most proud of, and what would you do differently next time?

    How the project came together using the tools, HTML, TailwindCSS and JS. I would go over the code again and make it more readable.

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

    'Filtering' the timeframes between daily, Weekly and Monthly frames using plain JS but I did overcome it through trial and error.

    time tracking dashboard using HTML, TailwindCSS and JS

    #tailwind-css
    1
    Duncan Chege•340
    @duncan-chege
    • Reduce the vertical space in the "Jeremy Robson" profile section. There's too much space below it
    • When your page loads, highlight which schedule is being displayed: either daily, weekly or monthly
    Marked as helpful
  • David Almonacid•70
    @DavidAlmonacid
    What are you most proud of, and what would you do differently next time?

    I'm proud of the result

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

    The most challenging part was making the responsive design

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

    It was a starter project, so I don't need an extra help in this moment.

    Newsletter sign-up form

    #vite
    1
    Duncan Chege•340
    @duncan-chege

    Please update your project URLs (both live site and GitHub repo). They are broken

  • Duncan Chege•340
    @duncan-chege
    • On mobile: Your avatar image and text are overlapping each other and your design for the share button popup is not the same as the design provided. Also, in the design provided, the share popup sits on top of the avatar, yours sits below the avatar
    • You forgot to add the Manrope font to your <p> tags. They're falling back to the default system font
  • ShadowKiD14•380
    @ShadowKiD14
    What are you most proud of, and what would you do differently next time?

    Handling async API requests using fetch() in JavaScript.

    Next time I would try axios.

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

    Adding animations when the advice loads up. It currently looks too choppy.

    Adviice Generator App

    #vite#tailwind-css
    1
    Duncan Chege•340
    @duncan-chege

    Hey, I used axios. It was pretty simple to implement. You can check out my code here: https://github.com/duncan-chege/advice-generator

    Marked as helpful
  • Duncan Chege•340
    @duncan-chege

    I love the counter-effect when the age is calculated! However, please add day and year error validation when the button is clicked

  • Duncan Chege•340
    @duncan-chege

    Love how the design looks! However, since it's a small design, please make everything fit within the browser window without being cut off "Challenge by Frontend Mentor. Coded by José Alejandro Herrera Franco." is cut off at the bottom

  • Duncan Chege•340
    @duncan-chege

    Your application looks good! However, your button icon isn't loading (the image URL link is broken). Look into it

    Marked as helpful