Olá, eu sou

Esse projeto da Rocketseat tem como objetivo impulsionar programadores que já estão inseridos no mercado de T.I e que querem avançar e aprofundar em novas tecnologias e em novos horizontes no mundão de TI. Pra que isso ocorra, foi construindo uma aplicação basica de feedbacks, a onde tera como pilares as seguintes tecnologias: React, React Native e NodeJS. E não é so isso, teremos também: SOLID(Principios pra deixar nosso codigo mais tranquilo de dar manutenção e mais testavel), Acessibilidade e Testes automatizados dentro do back-end. Isso tudo numa simples aplicação, fazendo com que aprenda de forma divertida e fácil.

• React
• NodeJS
• CSS
• TypeScript
• ReactNative
• JS
• SOLID
• Headless UI
• Tailwindcss
• Vite

Esse projeto foi desenvolvido para eu Pedro Henrique treinar tudo o que eu estudei sobre HTML e CSS, resolvi fazer uma pagina a onde fala sobre a Twitch, que é uma plataforma de streaming de jogos, conversa, culinária, etc mas o principal foco é em jogos eletronicos, como por exemplo: Lol, dota2, cyberpunk2077, etc.

• HTML
• CSS

Projeto simples quando o usuário digita um texto, o mesmo é convertido em um código QR.

• React
• CSS

Projeto desenvolvido em React, usando uma API de filmes da TMDB. Com as principais seções: Em alta, Originais Netflix, populares, comédias, romances e documentários.

• React
• React-youtube
• Movie-trailer
• CSS

Nesse projeto foi realizado uma event platform, a onde o aluno cadastrado na plataforma conseguira assistir as aulas da Rocketseat, a data de quando a aula foi lançada, quando que a proxima vai ser lançada etc tudo que o aluno precisa em uma plataforma de eventos.

• React
• Vite
• NodeJS
• Graphql
• GrapCMS - HeadlessCMS
• Graphql-code-generator
• Apollo
• react-router-dom
• Typescript
• Tailwind CSS
• Phosphor icon
• date-fns
• Vime
• classnames

Uma landing page web e mobile onde gamers conseguem ter o seu DUO no seu jogo preferido(lol, cs:go etc) e entrar na comunidade discord do DUO, com um simples click 😁.

• React
• ReactNative
• Vite
• NodeJS
• Sqlite
• Axios
• Typescript
• Tailwind CSS
• Phosphor icon
• Expo
• RadixUi
• Prisma(ORM)

Do design ao código(Design System), com a padronização tanto no design UI/UX, quanto de componentes com a lib Storybook de um design simples de um form, mas que mesmo sendo o mais simples possível, da para extrair o máximo de padronização(patterns) dos componentes e fazer o storybook ficar super recheado e ter um centro dos componentes, para que o time de devs não fique perdidos com qual cor, tamanho, fonte etc usar em um botão por exemplo. E como boa pratica foi feito um CI/CD para que cada atualização no storybook é feito um build e o deploy no github pages automaticamente utilizando o Github Actions.

• React
• Vite
• NodeJS
• Typescript
• Tailwind CSS
• Phosphor icon
• RadixUi
• StoryBook
• design-system
• figma

Projeto feito no evento semana JS expert ao lado do @ErickWendel. Usando somente JS e ML(machine learning) para usar os olhos e os gestos das mãos ao lado do front-end sem o uso do back-end para controlar os elementos na tela. O Css e o Html são bem básicos nada muito profissional, pois o foco e a estrela desse projeto é os modelos de machine learning da google o tensorflow que por baixo dos panos utiliza o mediapipe e que por sua vez utilizamos o Fingerpose, que nos retorna todo o calculo matematico pronto que vem do tensor-flow. Ou seja, no fim um abstrai o outro, para que possamos utiliza de forma facil a ML no front-end sem problemas. E não podemos esquecer da worker threads que ajuda a processar os gestos feitos com os olhos na hora de iniciar o video, adiantar ou ate mesmo voltar 10 segundos do video e isso, e tudo mais você vê com mais detalhes no repositório do projeto.

• JS
• HTML
• CSS
• ML(machine learning)
• Fingerpose
• tensor-flow
• mediapipe
• pseudo-styler

Rebox empresa do RJ, que tem como serviço reboque de automóveis que oferece diversos planos para atender uma grande demanda de clientes, me solicitou alguns serviços. O serviço principal consistia em fazer um dashboard relacionado a vendas, como por exemplo: o total de vendas, de cancelamentos, quais os planos mais vendidos... tudo relacionado a tal data(ontem, hoje...) e que ficasse atualizando de 5 em 5min. Tive algumas dificuldades no inicio, mas que foram solucionadas ao decorrer da codificação. E por fim foi solicitado que eu fizesse algumas alterações, que eram relacionadas ao login após o cliente efetuar uma compra, uma mudança na pagina principal e do painel do cliente para colocar as plataformas disponíveis da empresa e a validação de rangers dos ceps que a empresa oferece o serviço.

• React
• Styled-components
• CSS
• Date-fns
• React-router-dom
• Localstorage
• TS

Nesse projeto decidi fazer uma pagina de vendas de cafés, onde é possível realizar pagamentos através do cartão de crédito, e que o cliente possa escolher a quantidade de produtos que deseja comprar. E caso queira comprar em alguma cafeteria proxima basta abrir a seção de "Sua localidade". No fim, o projeto foi feito com o intuito de treinar minhas habilidades com o React, e também para treinar a integração com o stripe, que é uma plataforma de pagamentos e a google API.

• React + Vite
• Axios
• Tailwindcss
• Google API maps
• shadcn/ui
• React-router-dom
• Vercel
• Stripe
• TS
• Node
• Express

Repositório com a funcionalidade de ter meus presets de configuração para agilizar na hora de criar um novo projeto

• React
• Vite
• Yarn
• NPM
• Typescript
• Styled-components
• Playwright
• Storybook
• Jest
• Tailwind CSS
• Prettier
• Eslint
• Config: Node, React e Next

Esse não é bem um projeto, é somente um link dos meus repositorios, vulgo projetos que eu fiz ate o momento. Ficarei feliz se deixar uma star nos repositórios 😊.

• Aqui você vai encontrar todo ou quase tipos de tecnologias voltadas para o desenvolvimento web