Esta plataforma foi desenvolvida com o intuito de unir em um só ambiente online mulheres da área de tecnologia, que buscam vagas, cursos e outras amigas para conversar sobre essa área fantástica. Se encantem com o canto da sereia e navegue nesse site incrível!
- Visão geral
- O desafio
- Captura de tela
- Links
- Meus desafios
- Maior desafio
- Desafio da identidade virtual
- Desafio das cores do header(vazio)
- Desafio dos links nas postagens(vazio)
- Construído com
- Introdução ao Create React App e Redux
- Desenvolvimento contínuo
- Recursos úteis
- Saber mais
- Desenvolvedora
Como mostrado na matéria da uol, 'Aparência vale mais do que o cérebro': elas relatam assédios pelo LinkedIn..., um relatório da rede social Linkedin, mostrou que foram removidas mais 157 mil postagens contendo "assédio ou abuso", ou seja, muitas mulheres não se sentem seguras para se candidatar ou ser relevantes na plataforma, podendo não se destacarem no filtro dos recrutadores e perdendo oportunidades.
Esta é uma plataforma desenvolvida como possível solução para os problemas de derespeito enfrentados por mulheres na hora de procurar vagas de emprego.
Por isso essa plataforma foi pensada para trazer ambiente seguro para mulheres compartilharem vagas afirmativas dentro da área de tecnologia, trocar cursos e conhecimento para seu crescimento profissional.
As usuárias poderão:
- Fazer uma rede social interativa com React.
- Fazer seu cadastro com foto(url).
- Postar no feed da rede cursos, trabalhos e sobre a pessoa para gerar networking.
- Site: ProgramaIara
- Site - Vídeo: ProgramaIara
- Vídeo: Apresentação
- Vídeo: Como se cadastrar
Exportação do firebase. Mesmo seguindo todos os passos sugestionados pela documentação do Firebase, não estava exportando o db e o auth para o feed. Então foi preciso utilizar uma solução do stackoverflow.
Construir uma identidade visual para o site, transmitindo sensibilidade, feminilidade e profissionalismo. Pensar no logo e na imagem que transmitisse a característica feminina e forte, como os contos de sereias e escolher a Iara que é uma das personas mais importante do folclore brasileiro e que abraçaria as características mencionadas acima.
- HTML5
- CSS3
- Flexbox
- Biblioteca JS
- React Redux
- NodeJS
- Material UI
- React Flip Move
- React Router DOM
- React Linkify - Para tornar os links clicáveis dentro das postagens.
- Firebase(https://firebase.google.com/)
- The Markdown Guide
Este projeto foi inicializado com Create React App, usando o Redux e Redux Toolkit modelo.
No diretório do projeto, você pode executar:
npm start
Para executar o aplicativo no modo de desenvolvimento, abra http://localhost:3000 para visualizá-lo em seu navegador.
A página será recarregada quando você fizer alterações.
Você também pode ver erros de devtools no console.
teste npm
Inicia o executor de teste no modo de observação interativo. Consulte a seção sobre execução de testes para obter mais informações.
npm run build
Cria o aplicativo para produção na pasta build. Ele empacota corretamente o React no modo de produção e otimiza a compilação para obter o melhor desempenho.
A compilação é minificada e os nomes dos arquivos incluem os hashes.
Seu aplicativo está pronto para ser implantado!
Consulte a seção sobre implantação para obter mais informações.
npm run eject
Nota: esta é uma operação unidirecional. Depois de 'ejetar', você não pode voltar!
Se você não estiver satisfeito com a ferramenta de construção e opções de configuração, você pode ejetar a qualquer momento.
Este comando removerá a dependência de compilação única do seu projeto.
Em vez disso, ele copiará todos os arquivos de configuração e as dependências transitivas (webpack, Babel, ESLint, etc) diretamente para o seu projeto, para que você tenha controle total sobre eles.
Todos os comandos, exceto eject, ainda funcionarão, mas apontarão para os scripts copiados para que você possa ajustá-los. Neste ponto você está por conta própria.
Você nunca precisa usar eject. O conjunto de recursos selecionados é adequado para implantações pequenas e médias, e você não deve se sentir obrigado a usar esse recurso. No entanto, entendemos que esta ferramenta não seria útil se você não pudesse personalizá-la quando estivesse pronto para ela.
Algumas melhorias que serão desenvolvidas futuramente:
( )Tornar o layout responsivo para mobile.
( ) Confirmação de dados cadastrais.
( ) Termos de uso pré-cadastro.
( ) Separar página de login e cadastro.
( ) Páginação de postagens.
( ) Edição de usuário.
(X) Inserir nome de usuário no comentário.
( ) Controlar número de curtida por pessoa.
( ) Filtro para achar postagens (busca no header).
- Vídeo: Let's build LinkedIn with REACT.JS! (with Redux & Firebase) - Isso me ajudou a estruturar os conhecimentos de montagem do React e treinar para criar o projeto.
Você pode aprender mais na documentação do Create React App.
Para aprender React, confira a documentação do React.
- Desenvolvedora: Claudia de Jesus Dantas
