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

  • h2y• 160

    @hooiyan

    Submitted

    Hey guys! Here's my solution for the entertainment web app.

    I've integrated TMDB API into this challenge, you can actually search for both movies and tv series with real data! You can also click on each item to view its details.

    I plan to make it my resume project. I'm going to apply for my first developer job soon, very excited and nervous at the same time!

    There are some features that I haven't implemented yet. For example, I have pagination on some pages but it won't update the URL, which means if the user navigates to the next page, and click on an item, and then if they wish to go back, it will always start from the first page.

    Also, I removed the bookmark page and the video playing feature. But they are on my to-do list. I hope I can improve them later on.

    For now, I just want to push this out first and get some feedback from you guys! Thank you so much!

    **I've noticed in the reports on FEM that I have many issues, I'll have to look into them.

    Entertainment web app (Next.js & TailwindCSS & TMDB API)

    5

    cloud-alfakhre• 480

    @cluod-Alfakhre

    Posted

    great job and well designed 👏🎉. how did you deploy your app with server side rendering? i have tried firebase but cloudFunctions wasn't free

    0
  • cloud-alfakhre• 480

    @cluod-Alfakhre

    Posted

    this is great job 👏 is it rendered in the server side? with firebase?

    0
  • Nikesh Naik• 270

    @nikeshnaik

    Submitted

    This challenge was solved with React and everything that goes with it. Mobile Responsive gave good pain while building for smaller screens. I find React is just a small library not a full-fledge Framework like Angular. The more I add extra libraries, it felt the codebase is getting bloated. What are your suggestions on that?

    Do you think this is enough for applying for Frontend Roles?

    Entertainment WebApp with React, ReactRouter, ReduxTlk and Firebase

    2

    cloud-alfakhre• 480

    @cluod-Alfakhre

    Posted

    great job. what api did you use??

    1
  • Alain• 205

    @Alain-sys

    Submitted

    Here is my solution for the to-do-app challenge

    In this challenge, I used:

    • React
    • Flexbox

    I had a lot of trouble with the filter part, but it’s done.

    Please feel free to let me a feedback !

    To-do-app in React

    1

    cloud-alfakhre• 480

    @cluod-Alfakhre

    Posted

    great solution 👍. there is a scrolling in the page that could be easily fixed.

    just remove this property "width: 100vw" from the div ".content"

    Marked as helpful

    1
  • cloud-alfakhre• 480

    @cluod-Alfakhre

    Posted

    it's not working!

    0
  • Shaun Pour• 630

    @ShaunPour

    Submitted

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

    First, please take note of the fact that this is a rather old project. It was, in fact, one of the first I completed after discovering Frontend Mentor so it may not be up to standard with my current work.

    The thing I was proud of at the time was that I finished it. This was part of a streak of project completions done to be able to point to and tell myself I knew how to build things with html and css.

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

    The "plus formation" of the cards was a tiny bit tricky and necessitated some creative use of html elements to ensure the display would work correctly.

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

    Nothing really comes to mind. There are issues but this is such an old project that it isn't worth it for me to do anything. If I did decide to address any of them, I would just restart the project from scratch instead.

    Mobile First Responsive Four Card Feature Section

    2

    cloud-alfakhre• 480

    @cluod-Alfakhre

    Posted

    just a simple thing to add will make your solution perfect .

    first to change your background to white.

    second - add to your "container" these properties for the big screens : "display: flex; align-items: center; gap: 2rem;"

    i'll be happy to answer any question

    0
  • cloud-alfakhre• 480

    @cluod-Alfakhre

    Posted

    great job bro 👏

    i noticed that not all the boxes are equal width, and that can be fixed easily by adding this property "flex : 1" in your ".boxes" selector.

    this will fix the issue

    Marked as helpful

    1
  • cloud-alfakhre• 480

    @cluod-Alfakhre

    Posted

    Great solution and great layout 👌

    all the accessibility issues are caused by three reasons

    First - the "header" element should not be repeated, just one is required.

    Second - every html paage should contain at least one "h1", and increased gradually.

    Third - all of the page content should be wrapped in a "main" tag.

    Marked as helpful

    0
  • Prabu S• 630

    @mgksp

    Submitted

    All Feedbacks are Welcome 😊😊😊

    Todo App

    1

    cloud-alfakhre• 480

    @cluod-Alfakhre

    Posted

    this is great actually 😊👌

    0
  • cloud-alfakhre• 480

    @cluod-Alfakhre

    Posted

    nice job bro 👍.

    the issues in the report can be avoided by not putting an "<a>" tag inside a "<button>" tag.

    have a great time 😊

    Marked as helpful

    1
  • cloud-alfakhre• 480

    @cluod-Alfakhre

    Posted

    nice job bro 👍.

    to make it easier for the responsiveness maybe you should start with mobile first when designing the page.

    and you should wrap all of your content in a <main> tag to avoid accessibility issues

    0
  • cloud-alfakhre• 480

    @cluod-Alfakhre

    Posted

    great job 👍.

    git rid of accessibility issues by wrapping all of your content by a "<main>" tag.

    just simple.

    0