Repositório Frontend referente ao projeto final do curso Programadores do Amanhã feito para empregabilidade dos alunos após o curso.
- Sobre o projeto
- Funcionalidades
- Layout do Projeto
- Tecnologias utilizadas no projeto
- Como executar localmente
- Colaboradores
- Como contribuir para o projeto
- Licença
O site Empregabilidade do Amanhã tem como objetivo fornecer aos estudantes uma rede de apoio mais ativa, focada em empregabilidade após a conclusão do curso, conectando os estudantes às empresas/pessoas contratantes que estão precisando de algum profissional na área da programação em seus negócios. Isso facilita a comunicação entre eles e a exposição dos trabalhos dos alunos em um único ambiente.
- [✅] Cadastro: O site permite que tanto os alunos quanto os contratantes realizem um cadastro, e todas as informações são armazenadas em nosso banco de dados.
- [✅] Login: Por meio do cadastro, os usuários conseguem fazer login em suas contas e acessar sua própria interface.
- [✅] Listagem dos Alunos: Na página de alunos, é possível visualizar todos os alunos cadastrados na plataforma, juntamente com uma prévia de seus perfis.
- [✅] Listagem dos Contratantes: Da mesma forma, os contratantes têm suas próprias listagens e perfis.
- [✅] Perfil dos Alunos: No perfil dos alunos, é possível visualizar seus contatos, descrição e os projetos realizados por eles.
- [✅] Perfil dos Contratantes: O mesmo ocorre com o perfil dos contratantes.
- [✅] Listagem dos Projetos: No perfil dos alunos, é possível visualizar uma lista de todos os projetos realizados por eles em seus repositórios do GitHub.
- [✅] Listagem das Vagas: Esta seção lista todas as vagas disponíveis na empresa para desenvolvedores/alunos da PDA.
- [✅] Atualização: Nosso site permite que os dados dos alunos e contratantes sejam atualizados conforme necessário.
- [✅] Delete: Os usuários também têm a opção de excluir seus perfis do site, se desejarem.
- [✅] Logout: Os usuários podem fazer logout a qualquer momento, conforme desejado.
- [✅] Design responsivo: O layout do site se ajusta automaticamente de acordo com o tamanho da tela do dispositivo, proporcionando uma boa experiência de usuário em diferentes dispositivos.
Antes de começar, você precisará ter instalado em sua máquina as seguintes ferramentas:
- Git
- Node.js
- Editor de código (como o VSCode)
- Clone o repositório do projeto React em sua máquina local:
git clone https://github.com/mathfm/frontend-serviceMate.git- Acesse a pasta do projeto no terminal:
cd frontend-serviceMate- Instale as dependências do projeto:
npm install- Inicie o servidor local para o projeto React:
npm startIsso iniciará a aplicação React na porta padrão (geralmente 3000) e abrirá automaticamente no seu navegador padrão.
-
Agora, para integrar o front-end com a API, você precisará iniciar a API em uma porta diferente. Aqui você tenha clonar o repositório da API em um diretório chamado
backend-m6, você pode seguir estas etapas: -
Clone o repositório da api do projeto em sua máquina local:
git clone https://github.com/mathfm/backend-m6.git- Acesse a pasta do projeto no terminal:
cd backend-m6- Instale as dependências do projeto:
npm install- Inicie o servidor local para o projeto:
node scr/index.js- Agora você deve ter o front-end e o back-end em execução em portas diferentes localmente. Certifique-se de que o front-end esteja configurado para fazer solicitações para o endereço e porta corretos da API.
- Faça um fork deste repositório e clone o seu fork localmente.
- Crie um branch para as suas alterações usando o comando
git checkout -b nome-do-branch. - Salve as alterações e crie uma mensagem de commit contando o que você fez:
git commit -m "feature: My new feature". Siga as convenções de commit - Faça um push do seu branch para o seu fork usando o comando
git push origin nome-do-branch. - Abra um pull request para este repositório e descreva as suas alterações.
Se você deseja contribuir para este projeto, fique à vontade para enviar pull requests. Toda contribuição é bem-vinda!
Este projeto esta sobe a licença MIT.
