README.md

InstaCode Web - MiniCodeLab

Lista de tareas pendientes:

• Instalar React Router
• Instalar axios
• Instalar React Hook Form
• Instalar emotion (alternativa a styled-components)
  • npm install @emotion/react
  • npm install @emotion/styled
  • Añadir config en el plugin de react

---

• Crear design system sobre Emotion
  • Crear variables globales de CSS
  • Importar las fonts del proyecto Roboto (regular & bold)
• Crear sistema de routing con react-router-dom
• Crear componente ruta protegida
• [] Autenticarnos con la API
  • Registrarse
  • [] Logearse

Próximo día:

• Config de Prettier

• Config de Eslint

  • npx eslint --init
  • npm install --save-dev prettier eslint-config-prettier eslint-plugin-prettier

• Config de Jest

• Config de Husky

  • npm i -D husky lint-staged

  "husky": {
      "precommit": "lint-staged"
    },
  "lint-staged": {
    "\*.{js,jsx,ts,tsx}": [
      "prettier --write",
      "eslint --quiet --fix",
      "jest --passWithNoTests"
    ]
  }
  

• Refactor del registro

  • [-] Crear hook de autenticación
  • Crear servicio API
  • Guardar datos del user en Context
  • Guardar token en localstorage

---

• Crear componentes para el formulario

  • Input
  • Select
  • Form
  • Botón
  • AuthenticateLayout

• Añadir forms y pantalla de Registro y login

  • Registro
  • Login
  • Añadir redireccion a la ruta /styleguide

---

• [] Refactor Formularios
  • [] Componetizar los inputs de forma más genérica
  • [] HOC para que los users logeados no entren en Authenticate
  • [] Controlar los errores generales del form
• Propagar email de registro a login
• Cargar datos de usuario al cargar la aplicación
• Crear las vistas de las rutas protegidas
• Crear componente lista de codes
  • Crear componente Code Snippet

---

• Snippets:
  • [] Conectarse con la API para traer snippets
  • [] Añadir paginación BONUS
  • [] Formulario para crear snippets
  • [] Filtro por tags
  • [] Cargar los tags desde la API

---