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

Submitted

Entertainment Web App

Ruslan B 60

@rusbers

Desktop design screenshot for the Entertainment web app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

  • The extension of the original challenge by adding additional features like the Admin Dashboard and User Account management.
  • Successfully implementing a full-stack application using Next.js, especially as it was my first time working with this framework.
  • The integration of Cloudinary for secure storage of user avatars and show thumbnails.
  • The implementation of role-based access control (user and admin roles).

To test the app, you can use the following credentials:

User Role: Login: [email protected] Password: 12345678

Admin Role: Login: [email protected] Password: 12345678

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

  • Learning Next.js and its App Router as a first-time user.
  • Integrating full-stack components with Prisma and PostgreSQL.
  • Implementing secure authentication with NextAuth.js.
  • Incorporating Cloudinary for image management.
  • Efficient error handeling.

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

To be honest, error handling across the app has been my biggest headache. I know I didn't do it properly, and I'm really looking for guidance here. I'm struggling with how to handle errors consistently, especially since we're dealing with both client-side and server-side stuff in Next.js. I'm not sure if I should be approaching server actions and database errors differently from other types of errors.

I've tried some basic error handling, but it feels patchy at best. If anyone has experience with error handling in a Next.js, Prisma, and PostgreSQL stack, I'd really appreciate any tips, code examples, or resources you could share. I'm eager to learn and improve this aspect of my app.

Community feedback

P
Leeh27 80

@Leeh27

Posted

Ficou muito bom! Parabéns!!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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