Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/felipe-sant/readme-portfolio


https://github.com/felipe-sant/readme-portfolio

Last synced: about 23 hours ago
JSON representation

Awesome Lists containing this project

README 

        



# Portfólio de Projetos



API-2023.1 -

API-2023.2 -

API-2024.1






Olá, meu nome é **Luiz Felipe**, atualmente sou um estudante de programação do **3º semestre** na Fatec de São José dos Campos no curso de Desenvolvimento de Software Multiplataforma. Esse é meu portfólio com meus principais projetos.



API 2023.1



_Parceiro: Vanguarda_



### 👁️ Visão do Projeto



Projeto consiste em um site focado em dados relacionados a Covid-19, seus efeitos e seus sintomas prolongados, ou Covid longa de acordo com a Organização Mundial da Saúde (OMS). Este projeto é destinado a usuários jornalistas da rede Vanguarda com a necessidade de um site de fácil acesso a dados e informações sobre a Covid longa na região do Vale do Paraíba, visando criar novas matérias para o jornal.












### 🛠️ Tecnologias Utilizadas





    

    

    

    

    

    




### 👨‍💻 Contribuição Pessoal



Neste primeiro API, enfrentei certa dificuldade com os protocolos de Scrum, pois ainda não tinha muita familiaridade com essa metodologia. Houve, então, uma pequena demora para realmente iniciar o desenvolvimento ativo do projeto. No entanto, essa fase inicial me proporcionou um aprendizado valioso sobre a importância da organização e do planejamento em equipe.



Na primeira sprint, entregamos o wireframe do projeto, no qual tive grande participação no desenvolvimento, devido à minha facilidade com design. Trabalhei intensamente na criação de uma interface intuitiva e agradável, garantindo que todas as funcionalidades estivessem bem representadas visualmente.



Nas sprints seguintes, meu foco se dividiu entre atividades de pesquisa e desenvolvimento do front-end do projeto. Especificamente, fui responsável pela estilização e responsividade do site, garantindo que ele fosse visualmente atraente e funcional em diferentes dispositivos e tamanhos de tela. Minhas principais tarefas incluíram:



- Design do site.

- Pesquisa de dados.

- Otimização da responsividade da aplicação para dispositivos móveis.



Design do site



Participei ativamente na concepção e desenvolvimento do site. Contribuí para a projeção do layout, a criação da estrutura com barras de navegação intuitivas e a definição dos estilos visuais das páginas, garantindo uma experiência de usuário coesa e agradável.



Pesquisa de Dados



A pesquisa de dados envolve estudos sobre a COVID-19 longa. Fiquei responsável por investigar aumentos significativos nas vendas de medicamentos relacionados a doenças respiratórias. Descobri que houve um aumento significativo nas vendas desses remédios, além da criação de novos medicamentos para o tratamento da COVID-19. Os resultados serão apresentados por meio de gráficos.



Otimização da responsividade da aplicação para dispositivos móveis



Fiquei responsável por garantir a responsividade do site para dispositivos com telas menores. A principal abordagem que utilizei foi o uso da propriedade max-width do CSS, permitindo a adaptação do estilo de acordo com o tamanho da tela do usuário. Para funcionalidades mais complexas, como a criação do menu hambúrguer para dispositivos móveis, utilizei JavaScript. Dessa forma, assegurei que o site oferecesse uma experiência de navegação fluida e otimizada em qualquer dispositivo.



### 📚 Aprendizado e Conhecimentos



#### Hardskills



Neste Projeto, eu aprendi as hardskills:



- Desenvolvimento de aplicações web utilizando HTML, CSS e Python.

- Responsividade de páginas web utilizando JavaScript.

- Utilização de API's externas para renderização de gráficos e busca de dados.



#### Softskills



Neste Projeto, eu desenvolvi as softskills:



- Experiência com entrega de prazos para softwares.

- Melhoria na comunicação e apresentação de projetos.

- Trabalho em equipe utilizando o protocolo SCRUM.



| Link do projeto completo.












API 2023.2



_Parceiro: Fatec_



### 👁️ Visão do Projeto



O sistema desenvolvido, chamado CallNet, é focado em fornecer auxílio aos problemas relacionados a Internet Fixa, e busca aprimorar o sistema de Gerenciamento de Chamadas de Serviço. Nosso objetivo é que nossos clientes tenham acesso a soluções de seus problemas sobre Internet, de forma mais rápida e eficaz.












### 🛠️ Tecnologias Utilizadas






















### 👨‍💻 Contribuição Pessoal



No segundo API, comecei a ter mais facilidade em seguir os protocolos de Scrum. As reuniões diárias para discutir o andamento do projeto se tornaram parte integrante da minha rotina, ajudando a manter o time alinhado e a identificar rapidamente quaisquer obstáculos.



Este projeto foi desenvolvido com uma nova tecnologia para mim: React com TypeScript. Inicialmente, enfrentei algumas dificuldades, pois ainda estava aprendendo a usar essas ferramentas. No entanto, com o passar das semanas, fui adquirindo mais familiaridade e confiança, o que me permitiu desenvolver o API com mais facilidade e eficiência.



Minhas principais tarefas neste projeto incluíram:



- Criação de relatórios com base em dados das chamadas utilizando filtros.

- Representação dos dados das chamadas por meio de gráficos.

- Responsividade e estilização de páginas.



Criação de relatórios com base em dados das chamadas utilizando filtros



Uma das minhas principais atividades nesse projeto foi a criação de filtros avançados para que o administrador pudesse visualizar relatórios detalhados sobre os chamados. Esses filtros incluíram opções como "Número de chamadas por prioridade", "Número de chamadas por tema", "Número de chamadas por turno", "Média de tempo por prioridade", "Média de tempo por tema" e "Média de tempo total de conclusão de chamadas". Além disso, os filtros permitem pesquisas por datas específicas, utilizando os campos "data início" e "data final", proporcionando ao administrador uma ferramenta poderosa para analisar e gerenciar os chamados de maneira mais eficiente e precisa.



Representação dos dados das chamadas por meio de gráficos



Com a utilização desses filtros, os dados foram apresentados ao administrador por meio de gráficos em colunas, que exibiam as informações de acordo com o filtro escolhido. Para essa visualização, utilizamos o componente "react-google-charts", que permitiu criar gráficos dinâmicos e interativos, facilitando a análise e interpretação dos dados de maneira visualmente intuitiva e eficiente.



Responsividade e estilização de páginas



Nesse projeto, também fui responsável pela responsividade, utilizando mais JavaScript para renderização condicional, além de aprimorar a organização do CSS com a utilização de divs com display flex. Além disso, criei componentes básicos essenciais para o projeto, como barras de navegação, home, footer, e outros. Esta abordagem garantiu uma interface de usuário mais adaptável e eficiente, proporcionando uma experiência de navegação otimizada em diversos dispositivos e tamanhos de tela.



### 📚 Aprendizado e Conhecimentos



#### Hardskills



Neste Projeto, eu aprendi as hardskills:



- Desenvolvimento de aplicações web utilizando React, Typescript e TypeORM.

- Padrões e técnicas de programação.

- Utilização de rotas para comunicação entre diferentes servidores.



#### Softskills



Neste Projeto, eu desenvolvi as softskills:



- Consistência em seguir padrões de trabalho.

- Melhoria na adaptabilidade ao ocorrer erros inesperados.

- Responsabilidade em trabalhos em equipe.



| Link do projeto completo.












API 2024.1



_Parceiro: Youtan_



O objetivo do projeto é o desenvolvimento de uma solução para o gerenciamento de ativos de uma empresa. A plataforma deve conter informações detalhadas sobre ativos, cadastro e histórico de manutenções dos ativos e dashboard com indicativos relevantes sobre os ativos.












### 🛠️ Tecnologias Utilizadas
















    




### 👨‍💻 Contribuição Pessoal



No terceiro API, houve uma notável melhora em relação aos projetos anteriores. Logo no primeiro dia de kickoff, conseguimos discutir o tema e começar a organizar o projeto para entrar rapidamente na fase de desenvolvimento. A experiência adquirida nos APIs anteriores facilitou a adaptação às práticas de Scrum e melhorou a dinâmica das reuniões diárias, tornando o processo mais eficiente e colaborativo.



No entanto, um desafio similar ao API passado surgiu: a implementação de uma nova tecnologia, o Java. Assim como no projeto anterior, encontrei dificuldades iniciais devido à minha inexperiência com a linguagem. No entanto, com dedicação e estudo contínuo, fui entendendo e aprendendo a usar Java ao longo das semanas, o que me permitiu contribuir significativamente para o projeto.



Minhas principais atividades neste API foram:



- Página de listagem com detalhes dos ativos, manutenções e usuários.

- Responsividade e estilização de páginas.

- Sistema de notificações.



Página de listagem com detalhes dos ativos, manutenções e usuários



Neste projeto, fui responsável pela implementação da listagem de ativos, manutenções e usuários. Em cada uma dessas páginas, você pode visualizar uma lista completa dos respectivos itens, com a opção de aplicar filtros conforme necessário. Ao clicar em um item, é possível ver informações adicionais exibidas em um modal, onde também é possível editar ou excluir o item. Esta funcionalidade proporciona uma maneira eficiente e intuitiva de gerenciar os dados diretamente na interface, melhorando significativamente a usabilidade e a gestão dos recursos do sistema.



Responsividade e estilização de páginas



Fiquei responsável pela implementação da responsividade, utilizando ainda mais JavaScript para renderização condicional. Houve uma grande mudança em comparação com a API 2023.2, pois muitos elementos que podiam ser exibidos em telas maiores precisaram ser reorganizados para telas menores. Por exemplo, os filtros que aparecem na lateral esquerda da tela em desktops foram adaptados para dispositivos móveis, onde são exibidos em um modal ao clicar no botão "Filtros". Além disso, criei vários componentes reutilizáveis que foram utilizados em todo o site, garantindo uma interface consistente e adaptável para diferentes dispositivos.



Sistema de notificações



Uma das minhas principais atividades foi desenvolver um sistema de notificações para os usuários, que exibe avisos com base em gatilhos específicos. Por exemplo, foram criados gatilhos para notificar sobre "Ativos próximos da expiração", "Ativos expirados", "Manutenções próximas de ocorrer", "Início de manutenção", "Manutenção próxima da conclusão" e "Manutenção concluída". Além disso, implementei um sistema de histórico de notificações na barra de navegação, permitindo aos usuários revisar as notificações anteriores. Essas funcionalidades melhoraram a comunicação e a gestão de informações importantes dentro do sistema de forma eficiente e organizada.



### 📚 Aprendizado e Conhecimentos



#### Hardskills



Neste Projeto, eu aprendi as hardskills:



- Desenvolvimento de aplicações web utilizando React, Typescript e Java.

- Melhores formas de renderização de componentes e técnicas de programação.

- Utilização de microserviços em Java.



#### Softskills



Neste Projeto, eu desenvolvi as softskills:



- Melhor organização do meu tempo.

- Melhoria na utilização de padrões, tanto de código, quanto de documentação.

- Proatividade no desenvolvimento de tarefas.



| Link do projeto completo.