Karina Osuka

O ponto de partida para a solução de problemas é a pesquisa, a investigação e análise de dados e fatos. Nessa imensidão da tecnologia, através de ferramentas, metodologias e criatividade, desvendamos esse universo fascinante.

Hello

Meu nome é Karina, designer em transição de carreira para o desenvolvimento front-end, com conhecimento em JavaScript, React.Js, Next.Js, MySQL, MongoDb, Testing e metodologias ágeis Scrum.

Acredito que a tecnologia e o design caminham juntos, pois uma aplicação web, um software não são formados somente por códigos. Mas sim por um mundo interdisciplinar que envolve escutar o usuário, observar, testar o produto, atender as necessidades e acessibilidades.

Conheça meus trabalhos abaixo.

Projetos

Aplicação web Inni Tech, com estilo minimalista com as cores preta e branca

Inni Tech

Projeto criado com React JS, explorando os estilos animações do Tailwind CSS. Formulário desenvolvido com Formik e Yup.

desenvolvimento_web_front_end
ux/ui
Aplicação web, com os quadrinhos da Marvel.

Marvel API

Aplicação desenvolvida em Next.Js, consumindo a API da marvel.

next_js
api_marvel
News homepage

Landing page

Desafio do FrontenMentor para a construção da landing page

landing_page
frontend_mentor

Criação de conteúdo

Mulher com uma lupa na frente do olho, com o título ao lado, O que é operador ternário

Operador ternário

Afinal o que é esse tal de Operador Ternário?

javascript
operador_ternario
Mulher com arco e flecha apontando para o título Arrow Function

Arrow fuction

Expressão Arrow function, é uma forma compacta de escrever uma expressão de função do JavaScript.

javascript
arrow_function
Menina pintando a unha do pé com esmalte na cor pink, referenciando ao logo da biblioteca Styled Components, que é uma ilustração de uma mão pintando as unhas na cor pink

Styled component

Biblioteca styled-component, que permite escrever os códigos CSS dentro do JavaScript. Facilita a manutenção, evita conflito entre nomes de classes e otimiza a renderização dos estilos.

css
styled_component
Menino usando um óculos de brinquedo futurista, com a expressão confusa ao ver uma expressão regex

Regex

A sopa de letrinha é o regex que vem de Regular Expressions. É um método que define regras de padrões a serem usados para procurar, substituir e validar um texto.

regex
expressoes_regulares
Mulher cientista, com protetor no rosto e no corpo realizando um experimento, com o título no 'Em React, o que são componentes'.

Componentes

Componentes permitem você dividir a interface da aplicação em partes independentes e reutilizáveis, ou seja, cada parte da aplicação como um bloco isolado.

react_js
javascript
Homem com a expressão duvidosa ao ver um recado de 'Encontro marcado, sexta às 19 horas' com a tipografia que remete a um estilo de terror.

Fontes

Fonte é tudo igual? Qualquer fonte serve? Longe disso, as fontes possuem um papel de grande importância.

tipografia
font_family

Linkedin

Github

Karina Osuka - portfolio 2023