Lucas Vilela - Transformando ideias em código.

Sobre mim

🎓 Cursando Engenharia da Computação - Bacharelado

Tenho interesse contínuo em desenvolvimento de software, com foco em front-end e um olhar atento à experiência do usuário. Atualmente, estou expandindo meus conhecimentos em back-end para me tornar um desenvolvedor mais completo e versátil.

Atuo na CI&T, uma multinacional de tecnologia reconhecida globalmente, onde iniciei minha trajetória através do programa de estágio NEXT GEN IA EDITION. Essa oportunidade tem sido essencial para meu crescimento técnico e profissional, permitindo que eu participe de projetos desafiadores e colaborativos em um ambiente de inovação constante.

Acredito na importância de escrever código limpo, escalável e alinhado às boas práticas de desenvolvimento. Estou sempre em busca de aprender novas tecnologias, aprimorar minhas habilidades e contribuir com soluções que façam a diferença.

💻 Hard skills:

🎮 Além da tecnologia

Nos momentos livres, adoro jogar videogames, treinar musculação e aprender algo novo. Acredito que o equilíbrio entre trabalho e hobbies é essencial para manter a criatividade e o foco no dia a dia.

📩 Aberto a novas oportunidades, conexões e colaborações. Vamos conversar!

E-mail: lucasvilelapersonal@gmail.com

Habilidades

html5

HTML, ou HyperText Markup Language, é uma linguagem de marcação que permite criar a estrutura básica de uma página web.

css3

CSS (Cascading Style Sheets) é uma linguagem de estilo que permite formatar a aparência de páginas web escritas em HTML ou XML.

javascript

JavaScript permite criar páginas interativas na internet, aplicativos e sistemas online. É uma das tecnologias principais da World Wide Web.

typescript

TypeScript é um superconjunto de JavaScript que adiciona recursos de tipagem estática opcional, facilitando a criação de código mais robusto.

node.js

Node.js é um ambiente de execução de JavaScript que permite executar código JavaScript no lado do servidor. Node.js é construído sobre o motor V8 do Google Chrome.

react

React é uma biblioteca JavaScript open-source que serve para criar interfaces de usuário (UI) em aplicativos web, foi desenvolvida por uma equipe do Facebook.

tailwind css

É um framework de estilo CSS que fornece classes pré-definidas para estilizar páginas web.

swift

Swift é uma linguagem de programação poderosa e intuitiva da Apple para iOS, macOS, watchOS e tvOS.

git

O Git é uma ferramenta de código aberto e gratuita para controlar alterações no código-fonte durante o desenvolvimento de software. Ele é um sistema de controle de versão.

github

É uma plataforma de desenvolvimento colaborativo que permite armazenar, compartilhar e trabalhar em projetos.

mysql

MySQL é um sistema de gerenciamento de banco de dados relacional gratuito e de código aberto, utiliza a linguagem SQL.

MongoDB

MongoDB é um banco de dados de documentos não-relacional, de código aberto, que oferece flexibilidade, escalabilidade e desempenho para aplicações modernas.

npm

O npm (Node Package Manager) é o gerenciador de pacotes padrão do Node.js. Ele é usado para instalar, gerenciar e compartilhar bibliotecas e ferramentas JavaScript.

sass

O Sass (Syntactically Awesome Stylesheets) é um pré-processador de CSS que adiciona recursos como variáveis, aninhamento, mixins e herança, tornando o código mais organizado e reutilizável.

java

Java é uma linguagem orientada a objetos, criada em 1995 pela Sun Microsystems, usada para web, desktop e mobile.Atualmente, pertence à Oracle e é amplamente utilizada em sistemas corporativos.

Projetos

Bem-vindo ao meu mundo React

Se trata de um projeto em que coloquei em prática tudo o que aprendi sobre React, com destaque para o uso do react-router-dom, hooks, gerenciamento de estado e integração com o back-end (deploy no Render e front-end no Vercel).

Veja

Gerenciador de tarefas

Este projeto é um Gerenciador de Tarefas Full Stack, desenvolvido com React no front-end e MongoDB no back-end. A API foi construída em Node.js e hospedada no Render, garantindo alta disponibilidade. O sistema permite criar, editar, excluir e listar tarefas de forma eficiente, com autenticação e persistência dos dados. O objetivo é proporcionar uma experiência intuitiva e responsiva para organizar atividades do dia a dia.

Veja

Jogo de Adivinhação

Neste projeto, desenvolvi um jogo desde o início, utilizando HTML, CSS, JavaScript e reconhecimento de voz. O objetivo deste jogo é acertar um número de 1 a 1000, falando o número desejado. Jogue agora clicando no botão abaixo. Ative o som e microfone!

Jogue

Fokus

Projeto Fokus utiliza a técnica Pomodoro para otimizar o foco durante os estudos. Além disso, o projeto possui uma lista de tarefas integrada com várias funcionalidades, incluindo a possibilidade de adicionar novas tarefas, selecionar a tarefa em andamento, limpar tarefas concluídas, remover todas as tarefas e editar tarefas existentes.

Experimente

Jogo da Velha

Este é um jogo da velha interativo desenvolvido com HTML, CSS e JavaScript, feito usando lógica de programação e uma experiência de usuário divertida.

Jogue

Newsletter da Alura

Um site responsivo que simula a tela de inscrição na newsletter da Alura, um serviço destinado a fornecer informações e novidades sobre o universo tech. Este projeto foi desenvolvido utilizando Tailwind CSS, garantindo um design moderno e altamente personalizável.

Veja

Mobile Fist: AluraBooks

Site de livros com foco em dispositivos móveis, utilizando HTML, CSS, Flexbox, Media Queries e o plugin Swiper para o carrossel. O layout foi criado com a abordagem Mobile First, garantindo uma experiência responsiva e otimizada. Implementei também um menu hambúrguer para facilitar a navegação, tornando o site simples e intuitivo.

Veja

Code Connect

Este projeto foi para colocar em prática conceitos de assincronicidade, como promises, async e await, blocos try…catch, e funcionalidades de JavaScript que conseguem executar algo após determinado tempo, como o setTimeout().A primeira coluna é a parte onde podemos fazer o upload de uma imagem de prévia do projeto. Podemos testar essa funcionalidade clicando no botão "Carregar imagem" e selecionando um arquivo. Ao fazer isso, a imagem do projeto é atualizada pela que escolhemos no computador.

Experimente

Amigo Secreto

Se trata de um sorteador de nomes, feito para o amigo secreto, permite adicionar amigos a uma lista, realizar sorteios de pares entre eles e reiniciar a lista. A aplicação padroniza os nomes dos amigos para maiúsculas e evita a adição de nomes repetidos.

Experimente

Compra de Ingressos

Simulação de compra de ingressos para diferentes setores de um evento, utilizando JavaScript, HTML e CSS. O usuário pode selecionar o tipo de ingresso desejado (Pista, Superior ou Inferior) e definir a quantidade. O sistema verifica a disponibilidade em tempo real antes de concluir a compra, garantindo praticidade e eficiência no processo.

Experimente

Alugames

Sistema de locação de jogos que permite aos usuários gerenciar o status dos jogos de forma prática e intuitiva. A principal funcionalidade do projeto é a alternância de status dos jogos, possibilitando que o usuário alterne entre as opções "Alugar" e "Devolver" com um simples clique em um botão.

Experimente

Landing Page da AluraPlus

Landing page criada para praticar HTML e CSS, voltada para promover os serviços da AluraPlus. Seu objetivo principal é converter visitantes em clientes, destacando-se pelo design atraente e pela comunicação persuasiva para chamar a atenção dos usuários.

Veja

Sorteador de Números

Jogo de sorteio de números desenvolvido em JavaScript, no qual o usuário define a quantidade de números a serem sorteados e o intervalo desejado. Os números sorteados são exibidos dinamicamente na tela em ordem crescente, proporcionando uma experiência interativa e personalizada.

Experimente

Previsão do Tempo

É um projeto de previsão do tempo mockado, onde as informações meteorológicas são exibidas de forma fixa, sem integração com APIs externas ou uso de JavaScript. O foco principal foi a criação de uma interface amigável e a responsividade para dispositivos móveis utilizando @media queries no CSS.

Veja

Dark Mode

Esse projeto implementa a alternância entre os temas claro e escuro de uma página. A funcionalidade é acionada por meio de um evento, utilizando o addEventListener para detectar interações do usuário. O método .toggle é utilizado para alternar uma classe CSS, que aplica os estilos necessários para o modo escuro.

Veja

Primeiro Site em Low Code

Este projeto foi desenvolvido com a tecnologia Bubble, uma plataforma low-code que permite criar aplicativos web com pouco ou nenhum código. Utilizando essa ferramenta, construí meu primeiro site, o que foi uma ótima experiência para aprender sobre design e funcionalidade sem a necessidade de codificação extensiva.

Veja

Revolucionando o futuro com

Sobre mim

💻 Hard skills:

🎮 Além da tecnologia

📩 Aberto a novas oportunidades, conexões e colaborações. Vamos conversar!

Habilidades

html5

css3

javascript

typescript

node.js

react

tailwind css

swift

git

github

mysql

MongoDB

npm

sass

java

Projetos

Bem-vindo ao meu mundo React

Gerenciador de tarefas

Jogo de Adivinhação

Fokus

Jogo da Velha

Newsletter da Alura

Mobile Fist: AluraBooks

Code Connect

Amigo Secreto

Compra de Ingressos

Alugames

Landing Page da AluraPlus

Sorteador de Números

Previsão do Tempo

Dark Mode

Primeiro Site em Low Code

Entre em contato