Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/chaos4455/webdev-front-back-end-portfolio

Portfólio de projetos de back end e front end onde apresento alguns exemplos de como aplico tecnologias python e node para resolver problemas complexos de empresas e negócios
https://github.com/chaos4455/webdev-front-back-end-portfolio

Last synced: 7 days ago
JSON representation

Portfólio de projetos de back end e front end onde apresento alguns exemplos de como aplico tecnologias python e node para resolver problemas complexos de empresas e negócios

Awesome Lists containing this project

README

        

# WEBdev-Front-Back-End-Portfolio

![chrome_QUvvbeSBbG](https://github.com/user-attachments/assets/1d8035bc-ec67-4f0b-9393-8fa20a4a3705)

[![License](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![Python](https://img.shields.io/badge/Python-v3.9+-blue.svg)](https://www.python.org/)
[![Node.js](https://img.shields.io/badge/Node.js-v18+-brightgreen.svg)](https://nodejs.org/)
[![React](https://img.shields.io/badge/React-v17+-cyan.svg)](https://reactjs.org/)
[![Express](https://img.shields.io/badge/Express-v4.17+-orange.svg)](https://expressjs.com/)
[![MongoDB](https://img.shields.io/badge/MongoDB-v5.0+-green.svg)](https://www.mongodb.com/)
[![PostgreSQL](https://img.shields.io/badge/PostgreSQL-v13+-purple.svg)](https://www.postgresql.org/)
[![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-v3+-lightblue.svg)](https://tailwindcss.com/)
[![Docker](https://img.shields.io/badge/Docker-v20.10+-blue.svg)](https://www.docker.com/)
[![Git](https://img.shields.io/badge/Git-v2.35+-orange.svg)](https://git-scm.com/)

🚀 **Bem-vindo ao meu Portfólio de Projetos de Front-End e Back-End!** 🚀

Este repositório é uma vitrine das minhas habilidades em desenvolvimento web, onde apresento exemplos de como aplico tecnologias como **Python** e **Node.js** para resolver problemas complexos de empresas e negócios. Aqui você encontrará uma seleção de projetos que demonstram minha capacidade de criar soluções robustas e escaláveis, abrangendo todo o ciclo de desenvolvimento.

## 🛠️ Tecnologias Utilizadas 🛠️ Atualmente sigo estudando e buscando aprimorar a qualidade da interface e funcionalidade dos meus sistemas: Abaixo uma interface de um projeto mais recente / 10 2024

![chrome_MKU6eSlNhL](https://github.com/user-attachments/assets/4d613da1-b794-41a5-a79d-69178540a2b3)
![chrome_ZBOsQrkujN](https://github.com/user-attachments/assets/ba55630e-bb53-423e-92a2-0d3643425e63)
![chrome_dhdiH5hjNk](https://github.com/user-attachments/assets/29647b87-02b0-4014-a74c-f590320725f5)

### Front-End
- **React.js**: Construção de interfaces de usuário dinâmicas e responsivas.
- **Tailwind CSS**: Estilização rápida e moderna de componentes.
- **JavaScript/TypeScript**: Programação funcional e orientada a objetos para manipulação de DOM e lógica de aplicação.

### Back-End
- **Node.js**: Ambiente de execução JavaScript no lado do servidor para aplicações web escaláveis.
- **Express.js**: Framework minimalista para construção de APIs RESTful.
- **Python**: Linguagem de programação versátil para backend, análise de dados e automação.
- **Flask/Django**: Frameworks web para Python, permitindo a criação rápida de aplicações.

### Banco de Dados
- **MongoDB**: Banco de dados NoSQL orientado a documentos, ideal para aplicações escaláveis.
- **PostgreSQL**: Banco de dados relacional poderoso, excelente para consultas complexas e integridade de dados.

### DevOps e Ferramentas
- **Docker**: Conteinerização de aplicações para ambientes isolados e consistentes.
- **Git**: Controle de versão para rastrear mudanças no código e colaborar eficientemente em equipe.
- **CI/CD**: Integração contínua e entrega contínua para automação de testes e implantações.

## 🔗 Repositório de Arquitetura

Para detalhar ainda mais a minha jornada e conhecimentos em arquitetura de sistemas, visite o repo específico sobre meu conhecimento em **Arquitetura de Sistemas**, acesse ábaixo o repositório dedicado à **Arquitetura**:

🔗 [Repositório de Arquitetura de Sistemas](https://github.com/chaos4455/architeture-diagrams)

### 🛠️ O que você encontrará:

![Arquitetura de Sistemas](https://img.shields.io/badge/Arquitetura-de%20Sistemas-blue?style=flat-square)
![Diagramas](https://img.shields.io/badge/Diagramas-Visuais-4caf50?style=flat-square)
![Soluções Inovadoras](https://img.shields.io/badge/Solu%C3%A7%C3%B5es-Inovadoras-yellow?style=flat-square)

- **Diagramas Visuais**: Representações gráficas que ilustram a arquitetura de sistemas complexos.
- **Soluções Inovadoras**: Exemplos de design que aplicam as melhores práticas em arquitetura de software.
- **Metodologias Ágeis**: Abordagens que garantem flexibilidade e adaptabilidade em projetos de software.

## 📈 Exemplos de Projetos principais do Portfólio

Este repositório é uma demonstração abrangente do meu trabalho em **Desenvolvimento Front-End e Back-End**, onde aplico tecnologias modernas para resolver desafios complexos de negócios. Abaixo estão alguns dos meus projetos mais relevantes, cada um acompanhado de uma descrição técnica e os links para os repositórios no GitHub.

## 🎨 **Streamlit Mockups, POCs & MVPs** 🌐💻
Clique no botão abaixo pra conferir.

[![Repo](https://img.shields.io/badge/GitHub-Streamlit--IA--Projects--2024-blue?style=for-the-badge&logo=github)](https://github.com/chaos4455/Streamlit-IA-Projects-2024)

> Explore uma variedade de **mockups, POCs e MVPs** criados com Streamlit, incluindo aplicações em **machine learning**, **processamento de vídeos**, **IA**, **chatbots** e **automação de tarefas**.

💡 **Em 2024**, desenvolvi mais de **600 microaplicações** funcionais utilizando **Python**, **Streamlit** e **Google Gemini**, projetadas para várias necessidades e setores! Este repositório demonstra minha versatilidade e capacidade de prototipagem rápida em diversos domínios.

### 🛠️ Tecnologias e Funcionalidades
![Python](https://img.shields.io/badge/Python-3.x-3776AB?style=flat-square&logo=python&logoColor=white)
![Streamlit](https://img.shields.io/badge/Streamlit-Prototipagem-red?style=flat-square&logo=streamlit)
![Machine Learning](https://img.shields.io/badge/Machine%20Learning-AI-brightgreen?style=flat-square&logo=ai)
![Google Gemini](https://img.shields.io/badge/Google-Gemini-4285F4?style=flat-square&logo=google)
![Prototipagem](https://img.shields.io/badge/Prototipagem-Rápida-orange?style=flat-square&logo=fastapi)

🚀 **Funcionalidades**:
- **Mockups Interativos** 🖥️
- **POCs com dados reais** 📊
- **MVPs para IA e Automação** 🤖

🔗 **Confira o repositório completo** e veja o que está em evolução!

# 🚀 **Prometheus Business AI Copilot**: Interface Web para Chatbots e Copilotos IA

🔗 **Repositório**: [Prometheus-Chatbot-WEB-Interface](https://github.com/chaos4455/Prometheus-Chatbot-WEB-Interface)
🎨 **Tecnologias Utilizadas**: **React**, **Node.js**, **Tailwind CSS**
⚙️ **Características**: Interface web **totalmente modular** para chatbots e copilotos, permitindo fácil integração com qualquer API de IA. Projetado com **prompt engineering** e escalabilidade em mente, oferece uma base sólida para aplicações em IA e automação. 🌐
🛠️ **Licença**: **MIT** | **Desenvolvimento Contínuo**: Versão **0.0.2** - sempre evoluindo! 📈
🏆 **Badges & Shields**: ![React](https://img.shields.io/badge/React-16.8%2B-blue) ![Node.js](https://img.shields.io/badge/Node.js-14%2B-green) ![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-1.0%2B-pink) ![MIT License](https://img.shields.io/badge/License-MIT-yellowgreen) ![Open Source](https://img.shields.io/badge/Open%20Source-Yes-brightgreen)

![chrome_U5eS7lri0f](https://github.com/user-attachments/assets/51630b16-fd05-4d63-a7b9-ade716c883ae)

## 🏗️ Outros Projetos Destacados

### 1. **Teste de Tela de Login Netflix**
- **Descrição**: Um projeto MVP que simula a tela de login do Netflix, utilizando **Node.js**, **TypeScript** e **Tailwind CSS** para criar uma interface de usuário moderna e responsiva.
- **Tecnologias**:
- Node.js
- TypeScript
- Tailwind CSS
- **Link do Repositório**: [TypeScrypt-Netflix-Login-MVP](https://github.com/chaos4455/TypeScrypt-Netflix-Login-MVP)
![Netflix Login](https://img.shields.io/badge/Project-Netflix%20Login-brightgreen.svg)

![chrome_ZPJNf9uURM](https://github.com/user-attachments/assets/cc82ac9b-6c9f-4ede-9e6b-572a59203db4)
![chrome_nCRqnbvhKQ](https://github.com/user-attachments/assets/ac784666-ef2f-4647-9d78-282c3b3d86ca)

### 2. **API Completa de Tokenomics**
- **Descrição**: Uma API RESTful robusta desenvolvida com **Node.js**, **Express** e **SQLite**, focada em um projeto de tokenomics, permitindo a manipulação eficiente de dados e integração com outras aplicações.
- **Tecnologias**:
- Node.js
- Express
- SQLite
- **Link do Repositório**: [FastAPI-Tokenomics-RESTful-API](https://github.com/chaos4455/FastAPI-Tokenomics-RESTful-API)
![Tokenomics API](https://img.shields.io/badge/Project-Tokenomics%20API-blue.svg)

### 3. **Projeto de Auto Scaling com Kubernetes**
- **Descrição**: Implementação de um fluxo de implantação utilizando **Argo CD**, **Kubernetes**, **Nginx** e **Apache**, focando em auto scaling de aplicações web para garantir alta disponibilidade.
- **Tecnologias**:
- Kubernetes
- Argo CD
- Nginx
- Apache
- **Link do Repositório**: [Argo-CD-Deployments-flows](https://github.com/chaos4455/Argo-CD-Deployments-flows)
![Kubernetes](https://img.shields.io/badge/Project-Auto%20Scaling%20K8s-orange.svg)

![K8Studio_nyKxDJliii](https://github.com/user-attachments/assets/19a206a0-f9bb-42b3-8ebc-57576f474797)
![K8Studio_9RKrqsVnLP](https://github.com/user-attachments/assets/c890dae8-e479-4140-855d-dad13526f95d)
![K8Studio_h3cL91Zy13](https://github.com/user-attachments/assets/e4b758ce-a271-49d6-afa2-629f8c8a2efa)
![K8Studio_jRnHIqOd3X](https://github.com/user-attachments/assets/9fe9b238-4cdd-4483-81da-f36fa5a365b9)

![chrome_OOUhtZ3QHL](https://github.com/user-attachments/assets/8838bca0-a010-49c3-8298-bf06f845177d)
![chrome_uW7jeHFq3r](https://github.com/user-attachments/assets/ce8d15e9-5dd9-43b5-bec3-2e351411869a)
![chrome_Yd4nQdpRWP](https://github.com/user-attachments/assets/46e0459d-a59b-4538-8ae0-f838fea57ede)

### 4. **Currículo de DevOps**
- **Descrição**: Resumo das minhas habilidades e experiências em DevOps, demonstrando minha proficiência em práticas de integração e entrega contínuas.
- **Link do Repositório**: [Devops-Infra-Resume](https://github.com/chaos4455/Devops-Infra-Resume)
![Currículo DevOps](https://img.shields.io/badge/Currículo-DevOps-yellow.svg)

### 5. **Currículo de Full Stack com Flask e Python**
- **Descrição**: Um resumo da minha experiência como desenvolvedor Full Stack, focando em aplicações web usando **Flask** e **Node.js**.
- **Link do Repositório**: [python-flask-node-express-dev-resume](https://github.com/chaos4455/python-flask-node-express-dev-resume)
![Currículo Full Stack](https://img.shields.io/badge/Currículo-Full%20Stack-red.svg)

### 6. **Currículo de LLM e Machine Learning com Python**
- **Descrição**: Resumo das minhas experiências e habilidades em **Machine Learning** e **Modelos de Linguagem**, utilizando Python.
- **Link do Repositório**: [Python-Dev-BE-AI-ML-LLM-DEVOPS](https://github.com/chaos4455/Python-Dev-BE-AI-ML-LLM-DEVOPS)
![Currículo ML](https://img.shields.io/badge/Currículo-ML-lightgreen.svg)

### 7. **Portfólio de Projetos Variados**
- **Descrição**: Uma coleção diversificada de projetos que demonstram meu conhecimento em diferentes áreas de desenvolvimento.
- **Link do Repositório**: [Projetos](https://github.com/chaos4455/Projetos)
![Portfólio Variados](https://img.shields.io/badge/Projetos-Diversos-purple.svg)

### 8. **API de Coleta de Eventos de Pagamento**
- **Descrição**: API desenvolvida com **Flask** para coletar eventos de pagamento utilizando o Mercado Pago, implementando princípios de DDD (Domain-Driven Design).
- **Link do Repositório**: [MercadoPago-API-PIX-Event-Collector](https://github.com/chaos4455/MercadoPago-API-PIX-Event-Collector)
![API de Pagamento](https://img.shields.io/badge/Project-Payment%20API-blueviolet.svg)

### 9. **Mockups com Node e Express**
- **Descrição**: Projeto que apresenta mockups de front-ends e páginas de micro aplicações, demonstrando a criação de interfaces de usuário utilizando **Node.js** e **Express**.
- **Link do Repositório**: [Node-express-SPA-Login-cadusr-home](https://github.com/chaos4455/Node-express-SPA-Login-cadusr-home)
![Mockups](https://img.shields.io/badge/Project-Mockups-orange.svg)

### 10. **Landing Page Atendemail**
- **Descrição**: Desenvolvimento de uma landing page para apresentação de serviços, com foco em design responsivo e usabilidade.
- **Link do Repositório**: [Atendemail-WEB-Site](https://github.com/chaos4455/Atendemail-WEB-Site)
![Landing Page](https://img.shields.io/badge/Project-Landing%20Page-yellow.svg)

### 11. **Milestones em Tech**
- **Descrição**: Documentação da minha jornada na tecnologia, destacando conquistas e aprendizagens ao longo do caminho.
- **Link do Repositório**: [Tech_milestones](https://github.com/chaos4455/Tech_milestones)
![Milestones](https://img.shields.io/badge/Jornada-Milestones-blue.svg)

### 12. **Automação com Google Gemini AI**
- **Descrição**: Ferramenta de automação para geração de infraestrutura como código (IaC) utilizando **Docker**, **Terraform** e **Ansible**.
- **Link do Repositório**: [AI-Infra-Automation-Toolbox](https://github.com/chaos4455/AI-Infra-Automation-Toolbox)
![Automação](https://img.shields.io/badge/Project-Automação-orange.svg)

### 13. **Painel de Análise de Dados**
- **Descrição**: Painel interativo de análise de dados utilizando **Dash** e **Plotly** para visualização de métricas e indicadores.
- **Link do Repositório**: [Demo_Dash_panel_Flask_SRV_API](https://github.com/evolucaoit/Demo_Dash_panel_Flask_SRV_API)
![Painel de Dados](https://img.shields.io/badge/Project-Painel%20de%20Dados-lightblue.svg)

### 14. **API de Exportação e Coleta de Dados**
- **Descrição**: API desenvolvida com **Flask** e **JWT** para exportar e coletar dados de forma segura e eficiente.
- **Link do Repositório**: [flask_JWT-API-Data_Exporter](https://github.com/evolucaoit/flask_JWT-API-Data_Exporter)
![API de Dados](https://img.shields.io/badge/Project-Data%20Exporter-lightgreen.svg)

### 15. **Sistema de Comunicação em Tempo Real**
- **Descrição**: Conceito de um sistema de comunicação em tempo real utilizando **Flask** e **JWT**, ideal para aplicações que requerem atualização instantânea de dados.
- **Link do Repositório**: [Server_Client_Flask-API_Resltime](https://github.com/evolucaoit/Server_Client_Flask-API_Resltime)
![Comunicação em Tempo Real](https://img.shields.io/badge/Project-Comunicação%20RT-lightgrey.svg)

### 16. **Protótipo de Tela de Login com Python Flask**
- **Descrição**: Desenvolvimento de um protótipo de tela de login utilizando **Flask**, **HTML5**, **CSS** e **Tailwind CSS**, com autenticação via JWT.
- **Link do Repositório**: [JWT_HTML5_Login_page](https://github.com/evolucaoit/JWT_HTML5_Login_page)
![Protótipo de Login](https://img.shields.io/badge/Project-Login%20Prototype-darkcyan.svg)

### 17. **Aplicação Streamlit para Conversão de Dados**
- **Descrição**: Aplicação desenvolvida com **Streamlit** para converter dados de arquivos **XLS** ou **CSV** para **YAML** ou **JSON**, facilitando a manipulação de dados.
- **Link do Repositório**: [Streamlit_Sheet_Yaml-Json_Converter](https://github.com/evolucaoit/Streamlit_Sheet_Yaml-Json_Converter)
![Conversão de Dados](https://img.shields.io/badge/Project-Conversão%20de%20Dados-lightcoral.svg)

### 18. **Micro API para Envio de Imagens**
- **Descrição**: Micro API em **Python** e **Flask** para enviar e transferir imagens de forma eficiente.
- **Link do Repositório**: [Flask_API_IMG_Transfer](https://github.com/evolucaoit/Flask_API_IMG_Transfer)
![API de Imagens](https://img.shields.io/badge/Project-Image%20Transfer-lightseagreen.svg)

### 19. **Automação para Downloads de Repos do GitHub**
- **Descrição**: Script em **Python** para automatizar downloads e rip de repositórios do GitHub, facilitando a gestão de projetos.
- **Link do Repositório**: [PyGitHubRipper](https://github.com/evolucaoit/PyGitHubRipper)
![Automação GitHub](https://img.shields.io/badge/Project-GitHub%20Downloader-red.svg)

Com uma ampla gama de projetos que demonstram minha experiência e conhecimento em tecnologias como **Python**, **Node.js**, **Flask**, **TypeScript**, e práticas de **DevOps**, estou sempre em busca de novos desafios e oportunidades para aplicar minhas habilidades. Para mais detalhes sobre minha jornada profissional, confira meu currículo completo e todos os meus projetos disponíveis neste repositório.

- **Meu Currículo Completo**: [Currículo Infra Completo](https://github.com/chaos4455/Certifica-es)
- **Portfólio Geral de Projetos**: [Projetos Variados](https://github.com/chaos4455/Projetos-DEV)

## 🌟 Habilidades

- **Desenvolvimento Ágil**: Experiência em metodologias ágeis como Scrum e Kanban para entrega de projetos eficaz.
- **Resolução de Problemas**: Habilidade em analisar e solucionar problemas complexos em ambientes de desenvolvimento.
- **Colaboração**: Experiência em trabalho em equipe, comunicação e suporte a stakeholders.

## 📞 Contato
Se você estiver interessado em colaborar ou aprender mais sobre meus projetos, fique à vontade para entrar em contato!

- **LinkedIn**: [Elias Andrade](https://www.linkedin.com/in/itilmgf/)
- **Email**: [email protected]

---

🌐 **Vamos juntos transformar ideias em soluções!** 🌐

# **Elias Andrade** 💻🚀

Construído com muito amor e dedicação ❤️
Elias Andrade - 23/10/2024 - Maringá, Paraná
**Isadora, te amo filha do meu coração!** 👨‍👧💖

## Conecte-se comigo:
- [LinkedIn](https://www.linkedin.com/in/elias-andrade)
- [GitHub](https://github.com/evolucaoit)

## Repositórios:
- [Chaos4455](https://github.com/chaos4455) 🎲💡
- [Replika AI Solutions](https://github.com/replika-ai-solutions?tab=repositories) 🤖🛠️

Feito com carinho e uma pitada de tecnologia rsrsrs . 🚀❤️