Primer Proyecto con Express y TypeScript

Udemy - https://www.udemy.com/course/curso-full-stack-nodejs-react-typescript-nestjs-nextjs

FrontEnd

Tailwindcss

https://tailwindcss.com/

• npm i -D tailwindcss postcss autoprefixer
• npx tailwindcss init -p

NOTA: Si da un error al ejecutar hay que usar lo siguiente en vez de lo anterior

• npm i -D tailwindcss@3 postcss autoprefixer
• npx tailwindcss init -p

React Router DOM

• npm i react-router-dom

React Hook Form

https://react-hook-form.com/docs

• npm i react-hook-form

Axios

• npm i axios

Sonner

• npm install sonner

Heroicons

• npm i @heroicons/react

Para la vista en moviles

• npm i -D @tailwindcss/forms

React Query

https://tanstack.com/query/latest

• npm i @tanstack/react-query
• npm i @tanstack/react-query-devtools

Cloudinary

Para guardar los archivos de imágenes https://cloudinary.com/

• npm i cloudinary (backend)

HeadlessUI

https://headlessui.com/

• npm install @headlessui/react

Agregando Switch

https://headlessui.com/react/switch

Drag and Drop

https://dndkit.com/

• npm install @dnd-kit/core

• npm install @dnd-kit/sortable

• npm install @dnd-kit/core @dnd-kit/sortable @dnd-kit/utilities

Generando Slug

• npm i react-slugify

Deployment Frontend

https://www.netlify.com/

• Test App: https://dazzling-nougat-edee4d.netlify.app/