Proyecto Water

App Call for papers

• Notion del proyecto
• Diseño del proyecto

Documentos importantes

• Cronograma CMYK 5
• Handbook CMYK
• Documentos y herramientas propuestas
• CMYK - Starter propuesto

Inicializar el proyecto

• Clonar repositorio
• Ejecutar npm install para instalar las dependencias
• Agregar configuración básica para prettier y eslint
  • Instalar extensiones recomendadas
  • Ingresar a la configuración de vscode ctrl + shift + p o cmd + shift + p
  • Buscar Preferences: Open User Settings (JSON)
  • Pegar las siguientes reglas:

  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }

• Si hay alguna duplicada, aparecera con un subrayado azul, eliminar la regla vieja.
• Cualquier duda consultar en los canales de discord correspondientes al equipo

Documentación

Como usar el componente Tabsgroup para la vista Tabs

https://www.notion.so/Tabs-0d516cee0607492d94f876cc48da1efe

Comandos útiles

Para correr la app en http://localhost:3000

npm run dev

Para correr Storybook en http://localhost:6006

npm run storybook

Librerías utilizadas

Extensiones utilizadas en Visual Studio Code

• Prettier
• Eslint
• ErrorLens
• Tailwind CSS IntelliSense