Entertainment web app - React.JS, CSS modules, Redux Toolkit, Firebase
Design comparison
Solution retrospective
Entertainment web app - React.JS, CSS modules, Redux Toolkit, Firebase auth. Really recommend this challenge. There's tons to learn. The hardest part for me was to work with redux toolkit as it was new to me and also to create bookmark functionality which is far away from perfect.
Community feedback
- @LucianoDLimaPosted over 1 year ago
Wow, great work! This looks really challenging for sure, well done on completing it!
I'm still looking but a suggestion I can give so far is to provide a test user, many people who look through your project won't wanna create an account, so that can limit how much they will see, so if it is a project you're doing to showcase your skills, the best approach would be to provide a test user.
I tried to create an account but it would take me to a broken page, error 404 page not found. Same happens if you click one of the navigations options, it works, but if you reload the page, error 404 page not found happens again.
Another suggestion would be to add a carousel for the movies, as I couldn't see all of them.
Happy coding and good job!
Marked as helpful0@TomasScerbakPosted over 1 year ago@LucianoDLima thank you very much for your feedback. Sign up and login worked just fine recently so I will have to figure it out where's the issue. Thank you for that.
Where should I provide test user? Into readme file?
You couldn't see all the movies or add carousel only for trending movies on homepage?
Thank you again!!!
1@LucianoDLimaPosted over 1 year ago@TomasScerbak
You could add it to README.md and also here on your description. If you have a portfolio, and this project is in your projects section, add it in the description too so the recruiters can see it, recruiters will most likely not want to create an account as they're going through a lot of people.
I encountered the same issue as you with routes taking you to a 404 not found page if you reload, this happens because it is a SPA. So you have to find out how to work on the server side of your provider. I used Vercel instead of netilify, so my solution will not work for you, but in case you can't find it and wanna host in Vercel instead, here's how I solved it:
- Go into your src folder and add a file called
vercel.json
- Then add the following code to it
{ "routes": [ { "src": "/[^.]+", "dest": "/", "status": 200 } ] }
Maybe this will work if you call it netlify.json and do the same without changing providers.
About the movies, usually you can click a button and the movies go to the left so you can see the rest, like in disney plus, netflix and other streaming platforms
Marked as helpful0@TomasScerbakPosted over 1 year ago@LucianoDLima thanks again,
for now I've updated REAMDE for test user info. I'm about to create portfolio webpage so I will definitely added into description of the project.
I also managed to resolve the issue with netlify and SPA redirects. Do you think you could test it again?
Thank you again for all valuable feedbacks. Much appreciated!
0@LucianoDLimaPosted over 1 year ago@TomasScerbak
Now it is working perfectly, good job, mate!
0 - Go into your src folder and add a file called
Please log in to post a comment
Log in with GitHubJoin 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