Full-stack app with MERN stack react framework nextjs with MUI & redux

I found it challenging to plan a full-stack app using the best practices. This involved considering multiple components and technologies and required a thorough understanding of the tools and technologies being used. Balancing trade-offs between various design decisions was also a challenge.

Optimizing performance was another area that posed a challenge for me. The useMemo and useCallback hooks are useful for optimizing performance, but improper use can result in decreased performance or bugs. I needed to have a good understanding of React's render cycle and the underlying concepts to effectively use these hooks.

Completing a full-stack project within one week was also a challenge. With so many tasks to complete, such as setting up the project, designing the architecture, writing the code, testing, and deployment, the time constraint added additional pressure. To deliver a functional and stable product within a tight timeline, I needed to have effective project management and prioritization skills.