Skip to content
OverviewSolutions
10
Comments
5

Muhammad Zariyan Asif

@MuhammadZariyanAsif123150 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Muhammad Zariyan Asif•150
    @MuhammadZariyanAsif123

    It's good but there are responsiveness issues in the layout.

  • P
    Justin Green•2,940
    @jgreen721
    What are you most proud of, and what would you do differently next time?

    Some alright reusability of some form components (inputs), albeit with a somewhat lengthy props list but in theory, I think the form can scale a bit. Can always (or usually) be a little tidier.

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

    Just getting more practice/acclimated to using Tailwind. On one hand its pretty awesome to just knock out a bunch of utility classes and immediately get some decent styling, but then knowing when to prune and create a custom class with the @apply in addition to custom CSS-ing...Yea, just getting used to the nuances there.

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

    Nothing specific comes to mind but always welcome feedback or suggestions.

    Responsive Animated Solution using NEXT and Tailwind

    #tailwind-css#next
    1
    Muhammad Zariyan Asif•150
    @MuhammadZariyanAsif123

    Impressive.

  • Ralph•190
    @RalphPastel972
    What are you most proud of, and what would you do differently next time?

    I feel I leveled up with this one! I had to tackle many unplanned challenges. It works well.

    • I solidified my DOM manipulation proficency
    • I practiced JS a lot more than I expected (👍🏾)
    • I used regex validation for the first time
    • It was surprisingly harder than my calculator project
    What challenges did you encounter, and how did you overcome them?
    • My estimating skills are bad: Originally, I estimated I could do it in just 8 hours. Let's just say it took me way longer.
    • As I didn't have a clear vision beforehand, my code started to be spagettified. I still need to refactor it! I know!
    • I wasted a lot of time trying to implement a way to prevent the user to type forbidden character when at the end, a simple regex validation is good enough IMHO.
    What specific areas of your project would you like help with?
    • Any advice on the best way to refactor my JS code
    • How to organise my CSS file better?

    Responsive mortgage repayment calculator

    1
    Muhammad Zariyan Asif•150
    @MuhammadZariyanAsif123

    Impressive :-) .

  • Muhammad Zariyan Asif•150
    @MuhammadZariyanAsif123

    Hi,

    There is an issue in the "Bill" and "Number of People" fields. In your case, the user can enter the negative values inside the fields which is wrong.

    Marked as helpful
  • Muhammad Zariyan Asif•150
    @MuhammadZariyanAsif123

    Hi,

    You can fixed this issue by setting the body with background-image with this pattern and background-repeat = "no - repeat" something like this.

    In CSS FILE:

    body { background-image: url("your image"); background-repeat: no-repeat; }