Skip to content
OverviewSolutions
10
Comments
6
Amen
@ATRam3

All comments

  • Julien Gilbert•890
    @juliengDev
    What are you most proud of, and what would you do differently next time?

    • TypeScript is used to define strict types for input and output objects. • Delegated form validation using native invalid and input events. • Custom visual feedback using Tailwind CSS utility classes. • Fully modular code design, ready for scaling or migration to React.

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

    none

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

    feel free to comment

    WEB APP - Age calculator

    #tailwind-css#typescript#vite#accessibility
    2
    Amen•170
    @ATRam3

    According to the design requirements, you need to disable the default form validation for the age field and implement custom validation logic for the age format. To remove the default input validation, use

    form.noValidate = true;

  • Amen•170
    @ATRam3
    What challenges did you encounter, and how did you overcome them?

    I encountered a challenge while writing JavaScript code to calculate age: how to handle negative days and months, especially when the birth month and current month are the same.

    Age calculator app

    1
    Amen•170
    @ATRam3

    Please share your opinions.

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

    The Most prouding moment for me was when i tested my code to GeminAi They rated my code 9.5/10 in semantic way and overall in this time i tried all the way to code professionally this time and used all of best updated CSS properties and html 5 tags and elements.

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

    first challenge i was facing that in last part of design page where i have to draw a table like view but no head so i encountered that problem by creating lots of div in main parent div then i do space b/w to overcome then same problem was comes again when i have to make it responsive for that i have to write every media query to solve the problem i want better suggestion if available to do that

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

    at the beginning i don't know where should help is needed but i would like to say to my senior Developers to advise me about making my coding better reliable and also within timing for this specific page of designing using without any frame works i do in 24h or less maybe

    Flex Box Media Querries CSS Custom Properties

    1
    Amen•170
    @ATRam3

    Good work, but there are styling errors. Use the table tag instead of div.

    Marked as helpful
  • Amen•170
    @ATRam3

    the image is not displayed but the others are good.

  • Amen•170
    @ATRam3

    Perfect

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

    I am proud of how i used the flex box and aligned the item in the middle, and managing the image to fit perfectly in simple way

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

    to center and make them under each other the section and attribute under it, and also the image size was horrible

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

    what improvement or other approach can i do?

    Responsive QRCode using media query

    2
    Amen•170
    @ATRam3

    You have to make the height of the card auto to make it align with the text instead of giving it a height value.