Skip to content
OverviewSolutions
13
Comments
10

Duncan Chege

@duncan-chegeNairobi- Kenya340 points

A front-end web developer who builds modern web experiences

Latest solutions

View more solutions

Latest 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•240
    @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
View more comments