Add skeletons for improve the UI

add config parameter to swr hooks to avoid stale while revalidate in some cases

• auth service must be called "passport jwt"
• must evade the use of "any"
• must make sure we never send sensitive data in the responses

• Add menu component to show in it global configurations
• Replace toggle theme with a user logo

this is our first design

change translations architecture and add translations for the drop-down menu

• add validators to the sign in and sign up to ensure the username is lowercase
• show error to the user when the username is uppercase

• Fix the border width to avoid pixeling problems, something larger than 2px
• Update color to match the theme (solid color, 100% opacity)

we are going to use Multer to receive the image.
Multer documentation: https://github.com/expressjs/multer (it contains an HTML form example to make the request)

backend: when the user is updated with PUT in user/id/, an image called "avatar" is received, and uploaded to Cloudinary, to save the URL in the user.avatar.

• Build a function in the "services" folder called logError
• The function must try to write a new line in an errors.txt file, and return reject or resolve based on if the operation was successful or not
• Implement the service to handle the database errors

• avoid using internal server error
• check the status codes in http cat and update them in the server

the actual license is MIT, so we need to update it.

design proposal: https://mui.com/joy-ui/getting-started/templates/profile-dashboard/
code: https://codesandbox.io/s/fk7hcf?file=/App.tsx

steps:

• make a directory called settings in the pages directory
• make a file called settings.tsx in the pages directory
• refactor design proposal component

to solve some issues :
chmod u+x .husky/* in root dir

• The toggle button must be white or dark, must remove the "device preferable mode" from the icon.
• the default theme must be the preferable one by the device/browser

install @types/jsonwebtoken and @types/passport types to the server project

• add dividers
• add new components like DropZone or more
• add grid or flex layout

sync local storage between tabs

following the actual readme style, complete the next

• Update frontend technologies list
• update frontend set up guide.

update auth guard

https://github.com/Jes015/CattleVine/blob/dev/src/routing/guards/auth.guard.tsx

add tweets and recipes sections to the user page

• update input names
• add label property to the constants for each form
• refactor user inputs (constants) and add them to a global user inputs

The button is not working, as it should

• validate if the user have updated his profile in the last 5 minutes
• if not, approve the request, if yes, don't approve

• control the cors origin dinamicly
• if the .env variable ENVIRONMENT is DEV, allow orogin to localhost
• if the .env variable is PRODUCTION, only allow request from the public backend

• change the url to start using queries
• set maximum limit length to 10

our first option is cypress

• add validators in the request body
• add validators in the database

the global routing directory should look like this:

src/routing/{backend,frontend}

use github actions

en and es languages

Back-end team changed the routes.

• host database
• acces the database from the server
• update sequelize methods to the new database syntax

• add 2e2 test to git hooks: pre-commit

because user page takes all the routes unexpected

Our first option is millor.js

add it when this bug has been fixed https://github.com/aidenybai/million/issues/488

use a solution like swr or tanstack query

• add https://cmdk.paco.me/ for user actions