Skip to content
View kaynanldev-f's full-sized avatar

Block or report kaynanldev-f

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
kaynanldev-f/README.md

Olá, eu sou Kaynan 👋

Desenvolvedor Front-End | React | Next.js | TypeScript

Sou estudante de Análise e Desenvolvimento de Sistemas e venho construindo minha experiência em desenvolvimento Front-End através de projetos práticos.

Gosto de transformar ideias em interfaces simples, responsivas e funcionais, buscando sempre melhorar a experiência de quem utiliza o produto.

Atualmente, meu foco está em React, Next.js, TypeScript e desenvolvimento de aplicações web, além de continuar aprimorando meus conhecimentos em UI/UX.

Estou em busca da minha primeira oportunidade profissional na área de desenvolvimento, onde possa aprender, contribuir com a equipe e continuar evoluindo na prática.


Sobre mim

  • 🎓 Análise e Desenvolvimento de Sistemas
  • 💻 Foco em desenvolvimento Front-End
  • ⚛️ React e Next.js
  • 🟦 TypeScript e JavaScript
  • 🔗 Integração com APIs REST
  • 🎨 UI/UX Design e Figma
  • 📱 Desenvolvimento de interfaces responsivas
  • 🔧 Git e GitHub

Tecnologias

Front-End

HTML CSS JavaScript TypeScript React Next.js Tailwind CSS Sass Bootstrap

Integrações e ferramentas

REST API Fetch Axios Firebase Firestore Git GitHub Vercel Figma


Projetos

📝 Tasks+

O Tasks+ é uma aplicação de gerenciamento de tarefas que desenvolvi utilizando Next.js, React, TypeScript e Firebase.

O projeto surgiu como uma forma de colocar em prática conceitos que venho estudando e trabalhar com funcionalidades mais próximas de uma aplicação real.

Entre as funcionalidades estão:

  • Autenticação de usuários
  • Criação e gerenciamento de tarefas
  • Comentários
  • Operações CRUD
  • Integração com Firebase e Firestore
  • Rotas e páginas de detalhes
  • Componentização com React
  • Tipagem com TypeScript

Tecnologias: Next.js React TypeScript Firebase Firestore

Ver projeto

🎬 SmallVile — Plataforma de Cinema

Aplicação web de uma plataforma de cinemas, desenvolvida em equipe durante minha formação na QA Coders Academy.

O projeto permite que usuários encontrem filmes em cartaz, escolham cinema, cidade e sessão, selecionem seus assentos, adicionem produtos da bomboniere e realizem o pagamento via PIX, recebendo o ingresso com QR Code.

Também participei do desenvolvimento de funcionalidades administrativas para gerenciamento de filmes, sessões, produtos, pedidos, ingressos e outras informações da plataforma.

Tecnologias

Next.js React TypeScript Tailwind CSS API REST Valibot JWT

Principais conceitos

  • Desenvolvimento com Next.js App Router
  • Componentização com React
  • TypeScript com tipagem estrita
  • Integração com API REST
  • Autenticação e autorização com JWT
  • Server Actions
  • Gerenciamento de estado
  • Formulários e validação
  • Seleção de assentos
  • Fluxo de compra e pagamento via PIX
  • Geração de QR Code
  • Responsividade
  • Desenvolvimento colaborativo com Git

O que esse projeto demonstra

Este projeto me proporcionou experiência prática no desenvolvimento de uma aplicação Front-End mais completa, trabalhando com integração entre Front-End e Back-End, autenticação, regras de negócio, gerenciamento de estado e diferentes fluxos de usuário.

Também tive contato com práticas de desenvolvimento colaborativo e organização de código em um projeto de maior escala.

Ver projeto


UI/UX

Além do desenvolvimento, também tenho interesse e experiência com UI/UX Design.

Utilizo o Figma para criar wireframes, fluxos e protótipos, buscando entender a necessidade do usuário antes de transformar a ideia em código.

Essa combinação entre design e desenvolvimento me ajuda a pensar não apenas em como uma interface funciona, mas também em como ela será utilizada.


O que estou estudando

Atualmente, estou aprofundando meus conhecimentos em:

  • React e Next.js
  • TypeScript
  • Arquitetura Front-End
  • APIs REST
  • Performance Web
  • Acessibilidade
  • Boas práticas de desenvolvimento

Entre em contato

Se quiser trocar uma ideia sobre tecnologia, desenvolvimento ou oportunidades:

LinkedIn: linkedin.com/in/kaynan-teixeira

GitHub: github.com/kaynanldev-f

E-mail: kaynanldev@gmail.com


Estudando, construindo projetos e evoluindo um pouco a cada dia como desenvolvedor Front-End.

Pinned Loading

  1. moreTasks moreTasks Public

    TypeScript

  2. SmallVile SmallVile Public

    TypeScript