Skip to content
OverviewSolutions
57
Comments
7

Faojul

@FaojulazimDhaka, Bangladesh980 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!

I’m currently learning...

javascript

Latest solutions

View more solutions

Latest comments

  • stephany247•570
    @stephany247
    What are you most proud of, and what would you do differently next time?

    I'm really proud that I could rebuild this calculator using react and tailwind which are new technologies to me.

    I think I should have mapped the outputs instead of using functions.

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

    I didn't really encounter challenges.

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

    I would like to improve my react and tailwind skills. I would also like to learn how to use vite.

    Tip Calculator App using React

    #tailwind-css#react
    1
    Faojul•980
    @Faojulazim

    Really Nice Solution!

  • konraddissake1808•150
    @konraddissake1808
    What are you most proud of, and what would you do differently next time?

    I'm proud of the way I debugged the code after having an issue while the project was on build process on Vercel. I solved the issue but I will load data differently than this time next time as my code looks a little bit messy in my opinion.

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

    The code worked perfectly on local server when i was building it, but when I tried to host in on Vercel, I got a prerendering error from the Dashboard component. I solved it by loading first every variable in use inside the dashboard component and it's children components from the app page.tsx file, which has the async function where I loaded the JSON data, then passing the these variables as props down to the dashboard and its components. Also, I had an issue to type or interface props with my first solution for loading the JSON data, but solved it using quicktype.io.

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

    I would appreciate help on how to efficiently load data in nextjs.

    Time tracking dashboard using NextJS

    #next#react#tailwind-css#typescript
    1
    Faojul•980
    @Faojulazim

    I really likes the solution of yours. Happy Coding!

  • Emma R.•80
    @ashandcompany
    What are you most proud of, and what would you do differently next time?

    I’m proud of how the form adapts across devices, I like how it looks on mobile even if it's not the exact same as the base design :) While the error messages work well, I would consider adding animations or transitions to make the feedback more noticeable and user-friendly.

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

    The main challenge I encountered was making sure the form was fully responsive across different screen sizes. I overcame this by using Tailwind CSS, which made it easier to implement a mobile-first design and adjust the layout using responsive utility classes.

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

    I would appreciate feedback on improving the form validation, especially the error message styling and animation. Additionally, any suggestions for optimizing the responsiveness further would be helpful.

    Newsletter Sign-Up Form with Success Message using Tailwind CSS

    #tailwind-css
    1
    Faojul•980
    @Faojulazim

    It's nice seeing fellow developers coding and building up their career. Happy Journey!

  • Faojul•980
    @Faojulazim

    Nice Solution! Happy Coding.

  • Shah Mohammad Mohibbullah Shovon•150
    @mohibbullahSh0von
    What are you most proud of, and what would you do differently next time?

    My pride is that I have accomplished this challenge because this was a more complex layout design than other challenges.

    Next time I would try grid layout system.

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

    The challenges were to make the page responsive while keeping the lay out as similar as possible to the given designs.

    I have used CSS flex-box and Position properties to overcome the layout challenges and added media queries to make the page responsive according to the screen.

    responsiveSocial-proof-section_using CSS Flex-box,Position&MediaQuery

    1
    Faojul•980
    @Faojulazim

    Hi, Shah Mohammad Mohibbullah Shovon. Its really nice to see a Bangladeshi fellow practicing their skills in here. Loved your code though. I am from Bangladesh too. Specifically from Dhaka.

  • Faojul•980
    @Faojulazim

    Hi Steph, I am Faojul from frontend mentor. I just thought to give you friend request cause I thought having guideline is important. I would appreciate if you accept my friend request in discord id: faojul.azim

View more comments