Projeto front-end desenvolvido para o trabalho de MVP da terceira sprint no curso de pós-graduação em engenharia de software da PUC-Rio
Projeto em desenvolvimento
Bem vindo(a)! Esse é um pojeto de front-end desenvolvido para um MVP de uma aplicação fullstack, a parte de back-end do projeto pode ser encontrada https://github.com/gabrielliosc/comunidade-tech-api/. O MVP tinha como proposta criar uma arquitetura de 3 componentes interligados
Um esquema da arquitetura final do MVP pode ser consultada abaixo
O objetivo desse componente (A) é desenvolver um site de para interação entre mulheres com interese ou da área de tecnologia, para troca de experiências, conhecimento e promover a diversidade nesta área.
Nesse MVP é possível:
- Acessar a landing page com informações sobre a comunidade e suas criadoras
- Se cadastrar como membro da comunidade: conectando ao componente B
- Realizar login como membro da comunidade: conectando ao componente B
- Uma vez logada, cadastrar ou editar informações de seu perfil e links de redes sociais: conectando ao componente B
- Consultar os membros da comunidade e ver mais sobre seu repositórios: Nesse caso entra também a conexão com o componente C (API pública) para consulta aos repositórios de cada membro através dos seus usuários para saber mais: https://docs.github.com/en/rest?apiVersion=2022-11-28
Prints de tela da aplicação
Página Inicial
Membros
Repositórios
Login
Tela de cadastro
Perfil
Informação de segurança
Informação de grupos
React, TypeScript, Axios, Styled-components, Docker
[![Javascript][Javascript]][Javascript-url] [![CSS3][CSS3]][CSS3-url] [![HTML5][HTML5]][HTML5-url]
- Clone o repositório
git clone https://github.com/gabrielliosc/comunidade-tech.git
- Instale o docker em sua máquina
- Com o docker crie a imagem do front a partir do Dockerfile
docker build . -t "front"
- Inicie a aplicação com o docker apontando para a porta correta
docker run -p 5173:5173 front
- Acesse a aplicação na porta 5173
http://172.17.0.3:5173/
- Menu Header
- Página Inicial
- Logo
- Formulário de cadastro de membro
- Formulário de edição dos dados dos membros
- Formulário de login
- Página listando todos os membros existentes
Alguns pontos para melhoria do projeto podem ser listados como TO DOs no futuro
- Adicionar opção de upload de avatar
- Criar Página de Eventos
- Criar Página de Cursos e Mentorias
- Criar Página de edição das administradoras
- Criar Grupos
- Criar Página de Vagas
Gabrielli de Oliveira e Silva da Cruz- Linkedin - [email protected]