Submitted over 1 year ago

Responsive Entertainment Web App with React and Tailwind CSS

Sheelove Dol• 150

@SheeloveDol

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Entertainment web app

HTML
CSS
JS

4advanced

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hi everyone,

Not going to lie, at first I was very hesitant to go into this project. I really didn't think I could do it. But now I'm sitting here being quite proud of myself but not because I believe that I pulled it off perfectly, but because I took on the challenge and saw it through. Just as importantly, I gained quite of bit of confidence too. Getting stuck isn't as scary as it used to be.

I used the useContext API and I'm still unsure if I went about it the right way. So if anyone can give me some feedback on what I could do better in that department, I would be quite grateful.

I still have some refactoring to do in terms of breaking something down into smaller components as well. But for now, I'm happy with how things turned out.

Please don't limit your feedback to just the useContext page, I am sure there are quite a few other places I can improve.

Thanks in advance, Cheers!!

Community feedback

Account Deleted

For the most part your solution is very good, however the trending section is meant to be an infinite scroller. You can use a library like swipeJS for this. You also haven't used any HTML landmark elements, so your content is not accessible. Also as far as I can tell you haven't used any alt tags. I understand the irony of a vision impaired person using an app that hosts movies and tv shows, but in future this is something you absolutely must consider when building projects. Things need to be accessible always and your websites and apps will be severely punished on Google search rankings if you fail to take this into consideration.

Apart from that good job! This one was certainly a difficult project.

Marked as helpful

Sheelove Dol• 150

@SheeloveDol

Posted over 1 year ago

@ashmaddenweb

Thank you for taking the time to go over my work and I am really grateful for all the helpful pointers. I will definitely make accessibility a strong focus moving forward. I will also try to implement as many of the necessary changes on this project based on your feedback.

Lastly, it was VERY difficult, lol. But Getting it this far along feels quite amazing, to be honest.

Again, thanks for the feedback.

Cheers!

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord