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 comments

  • Dimitrios Dristellas• 490

    @dimitrisdr

    Submitted

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

    I am very proud because I managed to place some elements to the desired position with grid layout without using position: absolute. CSS grid is definitely an awesome tool!

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

    Making the desktop layout is something that I got struggled with. I constructed the mobile layout by using display grid with grid-template areas. I managed to do the desktop layout by erasing the grid template areas and using the grid-row and grid-col to place the elements

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

    The typography size is something that I can't do I an efficient way espessially when the screen size gets too big or too small. I think that I need to study and see example of how to deal with this. Also I need to work on establishing correctly the sizes between grid rows and columns.

    Room Homepage

    1

    Sudhanshu Singh• 480

    @sudhanshusingh-g

    Posted

    Close to the design.Keep up the good work!

    0
  • Keiner Mendoza• 200

    @keinermendoza

    Submitted

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

    I have to say that even though this project uses React mainly for componentization rather than functionality, there is nothing restricted to React here. I use a single useState, so you could implement all this functionality with just a few lines of pure JavaScript.

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

    I spent most of the time understanding the design. I don't have the Figma file, but in any case, I found that opening the JPG image in Figma and drawing a lot of frames around images and text is very handy.

    So, I broke the design into small pieces, created React components for each one of them, and then created a Sass file for each component. I also created some utility classes for those patterns that don’t belong to any specific component, and then made a lot of adjustments to make the fonts and paddings dynamic.

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

    Feel free to give your opinion about the code, the solution design, the process I chose, the technology stack, the class names I wrote, or even my profile on this platform or GitHub. Any feedback will be valuable to me, as long as it has a reasoning behind it.

    Landing Page using React + Sass

    1

    Sudhanshu Singh• 480

    @sudhanshusingh-g

    Posted

    keep up the good work.

    1
  • Dimitrios Dristellas• 490

    @dimitrisdr

    Submitted

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

    I have tried for first time to organized my css code.

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

    I have tried to put some animations in the main picture component. I had to change the opacity of the --cyan color in order to achieve.

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

    I need to work a lot in order to name my css classes in a more efficient way.

    NFT preview card component

    1

    Sudhanshu Singh• 480

    @sudhanshusingh-g

    Posted

    good work.

    1
  • samir-Deve• 350

    @samir-Deve

    Submitted

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

    I think I didn't spend enough time thinking about the design and wrote too many CSS code, I would spend more on design pattern next time !

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

    It was pretty challenging it was my first time writing this much code in a row !

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

    any suggestion is welcome !

    CSS, HTML & JS

    1

  • matt2282• 310

    @matt2282

    Submitted

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

    I started with the mobile layout first which was a mistake because when I tried to convert it to the grid layout it did not work as indented. I ended up starting over starting with the desktop layout.

    Implementing the mobile navigation bar was simple.

    News Homepage

    1

    Sudhanshu Singh• 480

    @sudhanshusingh-g

    Posted

    Semantic HTML: Generally good but could use a few tweaks for improved meaning and accessibility. Accessibility: Decent but could be improved with better keyboard accessibility and contrast checks. Responsive Layout: Mostly good but might need some adjustments for medium-sized screens and a more fluid design approach. Code Quality: Reasonable, but event handling should be moved to the external JS file, and some inline styles should be avoided. Design Consistency: Appears consistent but would need to be checked against the original design for final tweaks.

    Keep up the good work

    0
  • Sudhanshu Singh• 480

    @sudhanshusingh-g

    Posted

    well done. keep going!

    0
  • Sudhanshu Singh• 480

    @sudhanshusingh-g

    Posted

    Keep up the good work

    0
  • andrean-sihombing• 320

    @imandreans

    Submitted

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

    I'm proud that I can make my input for custom tip reactive like a radio button to other button tip.

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

    It's hard to make the input custom tip as a radio input, so I make a condition that if I click the input custom tip, then all the button.checked is false.

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

    More on refactoring because im not sure that my code is well-written enough.

    Responsive Tip Calculator with Javascript DOM

    1

    Sudhanshu Singh• 480

    @sudhanshusingh-g

    Posted

    The validation of input fields are working fine still there is room for improvement.Additionally,the design can be improved a little more. Keep up the good work.

    0
  • Sudhanshu Singh• 480

    @sudhanshusingh-g

    Posted

    I cannot see the data in the cards,may some issue with data api.And the animation on the card is good where it is scaling a little bit.Keep up the good work

    0
  • Sudhanshu Singh• 480

    @sudhanshusingh-g

    Posted

    I really like your clean code .The animation of sliding the dialog,gradient of button looks to the point.Keep up the good work.I will try to incorporate those in my next challenge.

    0
  • P
    JJorgeMS13• 250

    @JJorgeMS13

    Submitted

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

    Me encanto poder hacer mi sitio mas dinamico con javascript y lo que haría diferente es usar mas javaScript para no replicar muchas veces codigo de html

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

    me encontre con el desafio que cuando cambiaba de mobile a desktop el boton era el mismo y al darle click me aparecia el menu de mobile, lo supere agregando un elemento diferente para ese boton en desktop.

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

    Me encantaria que me ayuden para saber que es mas optimo crear mas elementos html o hacerlo lo mas posible con clases de css y codigo de javascript.

    Proyecto responsivo creado en HMTL, CSS y JavaScript

    1