projects

Aqui você vai encrontrar meus projetos pessoais desenvolvido ao longo dos meus estudos.

react || typeScript

test registration

Test Registration, nesse aplicação podemos cadastrar carros de vários modelos, editar as informações ou excluir-las.
Neste projeto ao principais componentes foram escrito com Testes Unitários e de Integração. usando as bibiotecas Jest com Testing Library.

multi form

Mult Form, nesse aplicação podemos cadastrar desenvolvedores em busca de oportunidades na área da programação.
O cadastro tem 4 etapas; Informação Pessoal, Profissional e Contatos.

person finances

Person Finances, nesse aplicação podemos cadastrar e excluir itens nas categorias ( Alimentação, Aluguel, Combustível, Salário ), no mês selecionado.

react || javaScript

comfy sloth

Comfy Sloth, Uma loja virtual super confortável e agradável aos olhos de quem navega por ela.
Nesta aplicação E-Commece, temos as funcionalidades; login || logaut ( com o serviço Auth0 ) checkout ( com o serviço da Stripe ), pesquisa e filtragem dos produtos, adicionar e excluir os produtos do carrinho ).

github search

Github search, nesta aplicação é cosumida a API do Github, e os serviços da Funsion Charts, para os gráficos.
As funcionalidades são; login || signup ( com o serviço Auth0 ), pesquisar usuários do através do campo search, ver seguidores e gráficos dinâmicos em 3D.

pagination

Pagination, nesse aplicação podemos navegar sobre as páginas, cada uma contendo um limite de 12 resultados, consumindo a API do ( GitHub ). O código foi desenvolvido usando os Hooks useState e useEffect. A estilização foi feita com a biblioteca Styled Components.

JavaScript || vanilla

Comfy Store

Comfy Store, Uma loja virtual super confortável e agradável aos olhos de quem navega por ela.
nesta aplicação E-Commece, temos as funcionalidades; pesquisa e filtragem dos produtos, adicionar e excluir os produtos do carrinho.

random person AJAX

Random Person, um aplicação simples, quem tem como objetivo ver informações pessoais dos usuários com o conceito AJAX.

products AJAX

Products Starter, um aplicação simples, quem tem como objetivo ver informações dos produtos com o conceito AJAX.

cocktails AJAX

Cocktails, um aplicação simples, quem tem como objetivo filtrar e ver informações do produtos com o conceito AJAX.

gallery OOP

Gallery, um aplicação simples, quem tem como objetivo mostrar fotos em forma de galeria com o conceito OOP.

counter OOP

Counter, um aplicação simples, quem tem como objetivo fazer contagem separadas entre dois contadores com o conceito OOP.

slider ES6

Slider, um aplicação simples, quem tem como objetivo passar sliders de comentários dos clientes, usando conceitos ES6.

filters ES6

Filters, um aplicação simples, quem tem como objetivo filtrar produtos por categorias e campo de pesquisa, usando conceitos ES6.

pagination ES6

Pagination, um aplicação simples, quem tem como objetivo obter 10 resultados por página, usando conceitos ES6.

striper submenus ES6

Striper Submenus, um aplicação simples, quem tem como objetivo submenus dinâmicos, usando conceitos ES6.

scroll DOM

Scroll, um aplicação simples, quem tem como objetivo o scroll dinâmico, usando conceitos DOM.

grocery DOM

Grocery, um aplicação simples, quem tem como funcionalidades o cadastro, editar e deletar comidas, usando conceitos DOM.

color flipper DOM

Color Flipper, um aplicação simples, quem tem como objetivo colorir o background de forma aleatória com nomes de cores e hexadecimais, usando conceitos DOM.

menu DOM

Menu, um aplicação simples, quem tem como funcionalidades filtrar as comidas, usando conceitos DOM.

HTML5 || CSS3

north cycle

North Cycle, um landing page simples sobre bikes, com HTML5 Semântico e CSS3 conceitos de flexbox e responsive.

tourism portugal

Tourism Portugal, um landing page simples sobre turismo em Portugal, mostrando os principais cidades e pontos turisticos, com HTML5 Semântico e CSS3 conceitos de flexbox, Grid Layoute e responsive.

living room

Living Room, um landing page simples sobre móveis, com HTML5 Semântico e CSS3 conceitos de flexbox, Grid Layoute e responsive.

health care

Health Care, um landing page simples sobre medicina e seus serviços, com HTML5 Semântico e CSS3 com conceitos de flexbox e responsive.