@frbarbreSubmitted over 1 year ago
Entertainment App - Next13, TypeScript, TailwindCSS & Zustand
#framer-motion#next#tailwind-css#typescript#zustand
Latest solutions
Latest comments
- @jenna1kPosted 6 months ago
Great job on the project with Zustand and Typescript! It looks good but just to enhance the overall balance, consider putting hover effect on cards and fixing size difference on sidebar when search result appears.
0 - @Abuu998Submitted 7 months agoWhat specific areas of your project would you like help with?
i would like to hear your feedback on the app
@jenna1kPosted 7 months agoGreat work! all the features are implemented effectively and well-structured.
One small thing, I recommend managing icons in the assets folder instead of embedding raw SVG files directly in the JSX or SVG components for consistency.
By managing icons in a dedicated assets folder and exporting them from an index.js, you maintain a consistent structure across your project. This makes it easier to import icons and ensures that all icons are easily accessible and organized.
Marked as helpful1 - P@aouintihouariSubmitted 7 months ago@jenna1kPosted 7 months ago
Great job! I think for more flexible layout that adapts well across different screen sizes, better items stretch to fill container without relying on fixed widths.
0 - @amjadsh97Submitted 9 months agoWhat are you most proud of, and what would you do differently next time?
I learned how to manage complex application state effectively using useReducer and the React Context API. and I plan to develop a more complex application to further hone my skills.
@jenna1kPosted 7 months agogreat job!
I manually tested the game and found it doesn't reset scores when restart button clicked
0 - @Princy-patelSubmitted about 1 year agoWhat specific areas of your project would you like help with?
This project helped me improve my skills in API integration and React Router.
@jenna1kPosted 7 months agogood job!
some sugggestions:
- Handling Fewer Search Results When the search results are fewer than expected, the layout can sometimes break or appear unbalanced, especially if the CSS is not designed to handle such cases. To mitigate this: Flexbox or Grid Layouts: Use CSS Flexbox or Grid to create a more adaptable layout. These layout models allow for better control over item alignment and spacing, which can help maintain a cohesive look even with fewer items. Minimum Height: Set a minimum height for the container holding the search results. This prevents the layout from collapsing when there are fewer items.
- for image sizes, consider using rem or px units. This will make your layout more responsive and less dependent on the viewport height.
- User Experience When Clicking Outside Open Select Options When a select dropdown is open and the user clicks outside of it, it can cause confusion and a poor user experience in certain situations
1 - @rocioizqSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
I am very proud of everything I am learning and implementing, I really liked this project.
What challenges did you encounter, and how did you overcome them?I found the formulas for the calculations to be a challenge
What specific areas of your project would you like help with?any feedbacks is welcome
