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

Add skeletons for improve the UI

• 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

following the actual readme style, complete the next

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

Our first option is millor.js

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

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

this is our first design

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

Back-end team changed the routes.

use github actions

our first option is cypress

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

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

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

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

• 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.

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

• 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

the global routing directory should look like this:

src/routing/{backend,frontend}

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

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

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

en and es languages

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

use a solution like swr or tanstack query

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

update auth guard

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

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

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

• 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

add tweets and recipes sections to the user page

sync local storage between tabs

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

because user page takes all the routes unexpected

The button is not working, as it should

• 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