Development

The development process began with creating a MongoDB database and setting up a Node.js server. Next, a React project was set up using Vite, and the main app component was created. To provide a store from the Redux library, the app component was wrapped with the Provider component.

To communicate with the back-end and make requests I have used Redux Toolkit Query. This library simplifies the process of fetching and managing data from the server, providing an efficient solution for data fetching and caching.

During development, the useMemo hook was utilized to prevent certain functions from being executed during the initial render. This optimization technique ensures that expensive calculations or function calls are only performed when necessary, improving performance and avoiding unnecessary re-renders.