Skip to content

SouJunior/vagas-webapp

Repository files navigation

vagas-frontend

Projeto Opensource que visa melhorar o match entre os profissionais Juniors e empresas. Saiba mais em SouJunior.

Logo

Obs. Para colaboradores da organização

Antes dos passos de instalação do projeto lembre-se sempre de forkar o repositório oficial e só realizar alterações no repositório "forkado" enviando modificações através de Pull Requests. Nunca modifique diretamente o repositório oficial(upstream).

Instalação 🔽

Nesse projeto é usado apenas o Yarn como gerenciador de pacotes. Para prevenir erros e conflitos com outro package manager (e.g. NPM), recomendamos que também utilize o Yarn. Veja o website oficial do Yarn aqui.

Clone o projeto

  git clone https://github.com/SouJunior/vagas-frontend

Entre no diretório do projeto

  cd vagas-frontend

Instale as dependências

  yarn install

Configurar as variaveis de ambiente:

VITE_APP_GOOGLE_ANALYTICS_KEY= # GA do SouJunior VITE_APP_URL= # link do backend VITE_APP_URL_JOBS= # link da api de jobs

Rodando localmente ▶

Inicie o servidor

  yarn start

🔧 API Fake (mock com json-server)

Caso não queira depender do backend, você pode rodar uma API fake localmente usando o json-server. Para isso, execute o comando abaixo em um terminal separado do yarn start:

yarn fakeapi

Antes de rodar, certifique-se de que o arquivo fake_api_db.json exista e esteja no formato esperado pela API.
Você pode usá-lo como base copiando o arquivo fake_api_db.example.json.

⚠️ Importante:
A API fake irá modificar o fake_api_db.json ao realizar requisições POST, PUT, etc.
Por esse motivo, esse arquivo está no .gitignore e não deve ser versionado.
Caso a estrutura da API original mude, atualize e commite apenas o fake_api_db.example.json.

📚 Documentação do json-server:
https://www.npmjs.com/package/json-server/v/1.0.0-beta.3

Usado por 🛰

Esse projeto é usado pela SouJunior.

Stack utilizada ⚙

Framework JavaScript: React.js badge
Framework CSS: TailwindCSS badge
Outras tecnologias: JavaScript badge Typescript badge Styled-components badge CSS badge HTML badge
Ambiente de desenvolvimento: Webpack badge Babel badge

DevOps

sequenceDiagram
    actor Dev as Desenvolvedores
    participant Git as GitHub
    participant Net as Netlify

    Note over Dev,Net: Fluxo de Deploy com Preview

    Dev->>Git: Abre Pull Request (PR) para main
    Git->>Net: Novo Evento: PR criada
    Net-->>Git: Deploy Preview criado
    
    Note over Dev,Net: Loop de desenvolvimento
    
    Dev->>Git: Aprova e mergeia PR para main
    Git->>Net: Novo Evento: Branch main atualizada
    Net-->>Git: Deploy de Produção atualizado
Loading

Relacionados ⚡

Projeto Vagas - Backend

Autor(es) 🙎🏻‍♂️

Ex-Autor(es) 🙎🏻‍♂️

Feedback 💬

Se você tiver algum feedback, por favor nos deixe saber por meio do nosso site. Ou fazendo uma contribuição.

Contribuição 💙

Contribuições são sempre bem-vindas!

Veja contribuindo.md para saber como começar.

Voltar ao 🔝