Not Found
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502

All solutions

  • Submitted


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

    This was a rather straightforward project and there was nothing new as to how to complete the challenge. I'm proud of the result.

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

    I don't have any as of now but if there is any feedback regarding my work then I'm open to it.

  • Submitted


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

    This was a very interesting project. It was simple yet it also jammed up some solid lessons in it. For instance - implementing a theme with react context, fetching data from the GitHub API, and the interesting grid layout made me think enthusiastically.

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

    I didn't face any sort of difficult or annoying issues but rather an exciting one. One of the being the implementation of the theme

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

    I'm in the process of learning to write clean code architecture (in ReactJS) and I would be happy if anyone could refer me some good learning resources.

  • Submitted


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

    I'm proud of the result but not so much in terms of code structure. I believe I did a good job making the website look as close as the design yet when it came to organizing the code I was not happy and is not because the code has any problem in terms of syntax/semantics but because I don't believe it's cleanly organized. I will work on my code structure and organization in the coming projects

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

    Since I do refactoring at the end of the project most of the time. I struggled a bit in creating reusable components and making decisions about whether some components are better refactored or left as they are. I know some people like to refactor a lot (down to the last element) but I don't like to refactor a component unless I will be using it in other places. Therefore, I just checked the design and tried making common widgets like IconButton, Button, Modal Dialog, Layout, and a project-specific component (like the pledge tile)

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

    Like I said, I would love to learn more about writing clean code in ReactJS and also learn best practices when it comes to refactoring components.

  • Submitted


    This project has a challenging layout (for a hero section) and it can be frustrating to make the website look exactly like the design but overall it was a fun challenge. Aside from the strange layout (at the beginning of the home page), the others were basic and easy to deal with. Other than that, I had to research how to blend the text on black and white surfaces so that it has some inverted colors that contrast on both surfaces. I felt the challenge after a while and what can I say...this is the kind of challenge I like to do. Anyway, feel free to check my work - I would be happy if there is any feedback on making my solution a better one.

  • Submitted


    Practiced my CSS responsiveness and layout skills. I also realized that the time has come for me to start using sass. I needed to strengthen my CSS skills until now but it is becoming more and more tiring to write the utility classes for every project.

    Feel free to share what you think of my solution ๐Ÿ˜Š

  • Submitted


    This was a tricky challenge both in terms of layout design and Javascript arrangement. I felt so tired to do this project and felt low on energy. I have to push and motivate myself to get this challenge done ๐Ÿ˜…. Anyways, even though this project was a noobie it took me a long time to complete it and...Oh my God, it's done ๐Ÿ˜ฎโ€๐Ÿ’จ.

    I wonder though ๐Ÿค”, if there is a better and simpler way to set up the script for this challenge. I'm wondering if I took things a little too far for a little form like this one. If there is a way that you think I could optimize my code. Please do let me know, Thanks ๐Ÿ˜Š

  • Submitted


    I practiced my layout skills with HTML and CSS as usual. It's a pretty simple challenge but I take it that I need to improve on my CSS classing as well. Feel free to check my work and give your opinion. Your opinion is always welcome ๐Ÿ˜Š

  • Submitted


    I practiced my CSS layout skills with this challenge. The project is simple but the diverse font and layout properties on different screen sizes made it a bit challenging to get the design straight forward. Feel free to let me know if you've got any feedback.

  • Submitted


    This project made me realize that creating a curved element is not as easy as I thought. I used the border-radius property to set the header section style but soon created a problem of my own, an overflow to the right direction (which I didn't notice initially). I was so frustrated at some point that I couldn't decide on what to do with it. I felt like I was forced to cheat ๐Ÿ˜… in a way - I don't like the solution I came up with at the end as well. I set the overflow-x: hidden property on the whole body. So if you think there is a better solution to achieve a curved shape element than this (without creating many issues), I would really appreciate it if you let me know

  • Submitted


    This was a very straightforward landing page, but one which took me a lot of time; it might even be the one project I've spent the most time on so far. The positioning of the elements was challenging, but the most difficult and time-consuming task was trying to understand some of the design choices (such as having two very similar sans-serif fonts, and then where they get used in the text was not as apparent as I thought). Anyway, at least I now learned how I can position elements off the page and have it be responsive! I wonder if some of the code I wrote behave as they should ๐Ÿ˜….

    Used very minimal animation here (only on the dropdown arrows) as I just wanted to focus on the important parts of the CSS. I don't feel very confident on how I organized my code. I might have done a lot of experimenting at times, therefore not too organized. I will clean up and refactor at a later time.

    As always, please feel free to let me know whether something isn't working the way it should. Thank you everyone!

  • Submitted


    This is my first time completing a challenge from frontendmentor using ReactJS. Although I might have made too many components for a simple project like this one, I'm happy with the end result. I believe its not that bad. Let me know if there is anything I should correct or if there are things that I could do to make my solution better.

  • Submitted


    It was a nice yet challenging project. At some point, I got lost on properly naming and organizing my navigation bar style. Overall, I'm happy with the end result but I believe I could have done better by adding animation on the side navigation drawer and the dropdown options as well but was too lazy to add it ๐Ÿ˜… plus my initial setup with display:block was a major bumper. Anyways, let me know if there is anything that is not working as it should or if you have any feedback. PS. I have tweaked a couple of things on the dropdown menu from the original design (the dropdown is shown on hover)