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

    Multi-step Form (React/Vite + TypeScript + CSS)

    #pure-css#react#vite#typescript
    • HTML
    • CSS
    • JS

    0


    What are you most proud of, and what would you do differently next time?

    Next time I'll use Next.js so I can save the form state in the URL params so users can go back and forth between the form.

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

    I used Zustand to handle the state in this project, which I haven't really used before. So this was a learning experience for me.

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

    Nada

  • Submitted

    Tip Calculator App (React/Vite + TypeScript + CSS)

    #pure-css#react#typescript#vite
    • HTML
    • CSS
    • JS

    0


    What are you most proud of, and what would you do differently next time?

    Handled the input validation without using any library and state management using useState. I felt it was too small a project and decided to keep it simple. Proud I could pull it off. Using useState for state management is probably the only thing I wouldn't use again.

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

    Just a few

    1. Validating the input string
    2. Styling the custom radio card input
  • Submitted

    Interactive rating component

    #sass/scss
    • HTML
    • CSS
    • JS

    0


    Hey, folks. I've been working with a lot of JavaScript frameworks(Angular, NextJS, etc) lately, and so I decided to challenge myself with this simple project.

    To make the project a bit more interactive, I added a few features like:

    1. A warning message when a user tries to submit the rate button without picking a rating number. (Just a simple user precaution).
    2. Back button on the thank you menu so users can return back to the initial menu and drop another rating without having to refresh the page.

    If you like my solution, or you know ways in which my submission will be a lot better, please do let me know in the comments below. Thanks.

  • Submitted

    Advice generator app

    #accessibility
    • HTML
    • CSS
    • JS
    • API

    0


    ✨ Here is my solution to the frontendmentor advice generator challenge.

    This is by far one of my favorite frontendmentor challenges. 🀩 When I saw two different images for the divider, I was a bit confused about how to implement them in a clean and accessible way, this lead me to make some research on the picture element which was the perfect solution I needed. I'm quite excited to have learnt something new and I plan on using this challenge for a tutorial to hopefully help someone else.

    Feedbacks and comments are highly appreciated.

  • Submitted


    I wrote more CSS than required for this challenge, because I wanted a different responsive layout for tablet screens. Also added comments to make reading this easier.

  • Submitted


    This card was aligned using CSS flexbox which required a large chunk of CSS code to work, would prefer to have a simple solution to design this. If you have any recommendations, do well to let me know. Thanks