Code with Confidence, SquadUp with Excellence.
Precisando escalar seu time de TI de forma rápida e eficiente? Conectamos empresas aos melhores talentos de TI. Encontre o Seu Futuro Profissional aqui!
Acesse o site da SquadUp.
Descrição • Funcionalidades • Tecnologias utilizadas • Getting Start • Autor
SquadUp é uma plataforma que tem como objetivo conectar empresas aos melhores profissionais do mercado. De uma forma rápida, você consegue montar a Squad ideal para o seu projeto. Por meio desta plataforma, é possível encontrar talentos qualificados e especializados em diversas áreas para impulsionar o sucesso dos seus empreendimentos.
Por trás do SquadUp está a empresa fictícia SquadUp S/A., criada com o propósito de demonstrar meus conhecimentos e habilidades em desenvolvimento de software e gestão de projetos.
A motivação para criar o SquadUP foi desenvolver um projeto MERN (MongoDB, Express, React e Node) concebido desde suas bases. Isso inclui a elaboração do documento de requisitos do sistema, o branding completo (nome fantasia, slogan, missão, etc.), o design, e as fases de planejamento e pré-desenvolvimento utilizando metodologias ágeis como Scrum e Kanban. O objetivo foi criar uma plataforma robusta e eficiente que atendesse às necessidades tanto das empresas quanto dos profissionais.
Atualmente, a aplicação SquadUp está em sua primeira fase, que consiste principalmente no desenvolvimento do CRUD (Create, Read, Update, Delete) de talentos. Esta é uma etapa crucial para fornecer um Mínimo Produto Viável (MVP) que demonstre a funcionalidade básica da plataforma. Nas próximas atualizações, planejo implementar recursos adicionais, como autenticação de usuários e outros CRUDs, incluindo gestão de usuários e de squads. Estou comprometido em evoluir continuamente meus conhecimentos e complementar a plataforma com novas features.
As funcionalidades da v1.0 são:
- Sistemas responsivos para várias telas
- CRUD de talentos: listagem, cadastro, atualização e deleção
- Filtragem de talentos por e-mail
- Filtragem de talentos por stack
- Controle de formulário com Hook-Form e validação com Yup
- Requisições realizadas com Axios
- Gerenciamento de estados com Redux Toolkit
- Utilização do middleware Redux Thunk para funções assíncronas
- Utilização de modal para sinalizar mensagens de erro e sucesso das requisições para o usuário
As seguintes ferramentas foram usadas na construção do projeto:
- React JS
- Typescript
- Redux toolkit
- Redux Thunk
- Axios
- Styled Components
- Material UI
- React Router Dom
- Input Mask
- Hook-Form
- Yup
- React Scroll
- Swiper-js
Backend desenvolvido com NodeJs, Express e MongoDB. Para mais informações sobre o backend SquadUp clique aqui.
Este guia tem como objetivo fornecer instruções sobre como configurar e iniciar o projeto localmente. O projeto é desenvolvido em React com TypeScript e consome uma API cujo link está definido no arquivo .env.
- Node.js instalado
- npm ou yarn instalado
- Conta no GitHub (para clonar o repositório, se necessário)
Siga os passos abaixo para configurar e iniciar o projeto
- Clone o repositório:
git clone https://github.com/RenCsar/squadup.git
- Instale as dependências do projeto:
cd squadup npm install - Configure a URL da API:
-
Renomeie o arquivo
.env.examplepara.env. -
Abra o arquivo .env em um editor de texto.
-
Substitua "INSIRA A URL DA SUA API" pela URL real da sua API.
REACT_APP_API_URL = "INSIRA A URL DA SUA API";
Após seguir os passos de instalação, você pode iniciar o projeto localmente:
npm startO projeto será executado no seu navegador padrão. Se não abrir automaticamente, você pode acessá-lo manualmente em http://localhost:3000.
- REACT_APP_API_URL: A URL da API que o projeto irá consumir.
Made with 💜 by Renan Cesar 👋
