te-emprego / te-emprego Goto Github PK

Desenvolver tela de login.

• Specs
• Mobile
• Web

Gradiente

• #8F54F8
• #673AB7

Fontes

(ambas disponíveis no Google Fonts, padrões do projeto)

• Raleway
• Nunito

Download dos elementos em SVG

Desenvolver tela de login.

• Web
• Mobile a critério do desenvolvedor

Gradiente

• #8F54F8
• #673AB7

Fontes

(ambas disponíveis no Google Fonts, padrões do projeto)

• Raleway
• Nunito

Desenvolver componente de menu para mobile.

• Specs

Lembrando que o menu lateral deverá extender o componente da sidebar, de filtros.

O institucional deverá conter informações de lançamento, e, posteriormente, irá trazer algumas vagas da API com base no usuário.

Por hora, basta:

• Vue
• Nuxt
• Bootstrap (grid-only)

Desenvolver tela de visualizacão de job.

• Web
• Mobile

Gradiente

• #8F54F8
• #673AB7

Fontes

(ambas disponíveis no Google Fonts, padrões do projeto)

• Raleway
• Nunito

• Seria interessante oferece uma documentação em português e inglês, visto o alcance nacional.
• Documentação de como contribuir para teemprego.
• Documentação de código de conduta.

Quando abrimos o menu mobile através do icone de hamburguer, temos que fechar através do mesmo ícone. Acho que uma boa solução para isso seria a inclusão de um overlay que fica abaixo do menu mas cobrindo toda a tela. Esse overlay pode pegar os eventos de click fora da região do menu para alterar o estado do menu para fechado e do overlay para desabilitado.

Sugestão de components baseada no layout.

• Botão fixo no lado direito para criar as ofertas.
• Evento click na oferta.
• Modal com resumo da oferta do pretendente.
• Registrar de tempo de trabalho.

Seria interessante adaptação para mobile.

Organizar a estrutura, separando estilos da logica.

Desenvolver tela de validacao de token.

• Web
• Mobile a critério do desenvolvedor

Gradiente

• #8F54F8
• #673AB7

Fontes

(ambas disponíveis no Google Fonts, padrões do projeto)

• Raleway
• Nunito

Desenvolver tela de listagem de jobs.

• Web
• Mobile

Gradiente

• #8F54F8
• #673AB7

Fontes

(ambas disponíveis no Google Fonts, padrões do projeto)

• Raleway
• Nunito

Não vi nenhum topico a respeito, como funciona a contribuição para o projeto?

Sou dev front-end, alem do projeto contribuir no meu aprendizado, vou poder contribuir bastante com o projeto

Esta linha conflita com o restante da aplicacao, que tambem utiliza esse wrapper.

Remover o scroll quase nunca é uma opcao viavel.

Precisamos de padronizar o código:

• Instalar o ESLint (standard ou airbnb, de preferência, sem semicolons)
• Mover o padrão de importação de components de acordo com o informado na issue

Padrão de components

Atualmente, os componentes precisam ser importados com redundância de código.
Exemplo: import Header from '@components/Header/Header.component'

A ideia é que ele possa ser importado via
import Header from '@components/Header'

Tela de edição de perfil dentro do App.

JSON:

perfil = {
  nome: 'Fulano de Tal',
  idade: 42,
  tipo: 'empregado' || 'empregador',
  interessesProfissionais: [1, 4], // relação de interesses profissionais (consultar API de interesses)
  interessesPessoais: [
    'Tocar Violão',
    'Jogar Futebol',
    'Andar de Skate',
    'Ler livros',
  ],
  idiomas: [
    {
      nivel: 'Nativo' || 4,
      idioma: 'Português',
      curso: false,
    },
    {
      nivel: 'Avançado',
      idioma: 'Inglês',
      curso: false,
    },
    {
      nivel: 'Fluente',
      idioma: 'Alemão',
      curso: true,
    },
  ],
  contato: {
    email: '[email protected]',
    telefone: '27999001143',
    whatsApp: true,
    telegram: false,
    endereco: 'Rua X, numero Y, Bairro Z',
    cidade: 'Osasco',
    estado: 'São Paulo',
    cep: '00000000'
  },
  curriculo: {
    formado: false,
    autodidata: false,
    experiencia: [
      {
        autonomo: false,
        de: '2018-03-21',
        ate: '2018-04-21' || null,
        empresa: 'Pota Toe' || 212 || null, // a gente vai ter um cadastro de empresas, ele pode relacionar ou não
        cargo: 'Descascador de batata',
        descricao: 'A principal responsabilidade do cargo era descascar batatas...',
      },
      {
        autonomo: true,
        de: '2019-01-01',
        ate: null,
        empresa: null,
        cargo: 'Cozinheiro',
        descricao: 'Tenho um pequeno restaurante na zona sul...',
      },
    ],
    ensino: [
      {
        tipo: 'Ensino médio', // tem que ser relacionado isso aqui
        local: 'EEEM Escolinha do Gugu',
        emAndamento: false,
        conclusao: '2000' || false,
      },
      {
        tipo: 'Ensino superior',
        local: 'EEEM Escolinha do Gugu',
        emAndamento: true,
        conclusao: '2019',
      },
    ]
  }
}

Esta tela precisa ser desenvolvida pensando no Redux.

Será necessário:

• Instalar o Redux no projeto
• Colocar a tela para ler state do redux
• Desenvolver os componentes da tela

Source:

[
  {
    _id: Object.Id, // id do banco
    title: String,
    description: String, // limitado
    
    details: {
      period: String, // Full Time, etc.
      contract: String, // CLT, PJ, etc.
      remote: Boolean,
      salary: Number, // mascarado em reais por mês
      englishLevel: Number // 0 a 3
    },

    employer: {
      name: String,
      avatar: String // link da imagem de avatar
    }
  }
]

Parabéns pelo projeto! bem bacana.. Vi seus outros projetos pessoais também, e achei bem bacanas! Continue assim ;)

Desenvolver tela de cadastro de usuários.

• Web
• Mobile a critério do desenvolvedor

Gradiente

• #8F54F8
• #673AB7

Fontes

(ambas disponíveis no Google Fonts, padrões do projeto)

• Raleway
• Nunito

Ao cadastrar um usuário, utilizar o schema abaixo:

{
  "user": {
    "email": "[email protected]",
    "password": "password123",
    "name": "Daniel Bonifacio",
    "address": {
      "city": "Vila Velha",
      "state": "ES",
      "country": "BR"
    },
    "experienceLevel": 3,
    "jobSearchingStatus": 1,
    "avatar": "default.png", // should be an base64
    "phone": "27992699969"
  }
}

Validação na API:
https://github.com/te-emprego/api/blob/a45d96ee87a938d35f5d44f0a93560b6f6be753d/src/modules/Users/methods/Create.method.ts#L7-L37

Desenvolver tela de cadastro de empregador.

• Web
• Mobile a critério do desenvolvedor

Gradiente

• #8F54F8
• #673AB7

Fontes

(ambas disponíveis no Google Fonts, padrões do projeto)

• Raleway
• Nunito

Seria interessante remover hash do webpack no modo desenvolvimento.

Habilitar alias do Webapck

Para poder configurar, é necessário fazer o eject das configurações.

• Extrar scripts do react-scripts npm run eject
• Adicionar o diretório config aos ignores do ESLint
• Configurar os aliases no arquivo do Webpack
• Habilitar os aliases no arquivo jsconfig.json para que a IDE reconheça
• Refatorar todos os imports para os alias, e não relative paths.

Webpack:

As configurações do Webpack ficam disponíveis em config/webpack.config.js.

webpackConfig: {
  resolve: {
    alias: {
    alias: {
        'react-native': 'react-native-web',
        '@components': path.resolve(__dirname, '../src/components'),
        '@config': path.resolve(__dirname, '../src/config'),
        '@views': path.resolve(__dirname, '../src/views'),
        '@app': path.resolve(__dirname, '../src/App'),
        '@': path.resolve(__dirname, '../src')
      }
    }
  }
}

JSConfig:

{
  "compilerOptions": {
    "target": "es2017",
    "allowSyntheticDefaultImports": false,
    "baseUrl": "./src",
    "paths": {
      "@components/*": ["./components/*"],
      "@config/*": ["./config/*"],
      "@views/*": ["./views/*"],
      "@app/*": ["./App/*"],
      "@/*": ["./*"]
    }
  },
  "exclude": ["node_modules", "build"]
}