whatsapp       

Revolucionando o futuro com

Transformando ideias em código.

Sobre mim

Lucas Vilela

🎓 Cursando Engenharia da Computação - Bacharelado
❤️ Apaixonado por programação e design

Desde criança, a tecnologia sempre me fascinou. Meu primeiro contato foi com videogames, onde passei horas explorando mundos no Super Mario World. Antes de mergulhar na programação, desenvolvi uma paixão pelo design, explorando tipografia, teoria das cores e os princípios de UX/UI. Essa experiência me permite criar interfaces que unem funcionalidade e estética de forma intuitiva e envolvente.

💻 Desenvolvedor Full-Stack

Sou desenvolvedor full-stack, com foco principal no front-end, especializado em JavaScript e estilização com CSS e Tailwind. Tenho experiência com várias tecnologias e frameworks, incluindo:

  • Front-End: Tailwind | JavaScript | TypeScript | React.js
  • Back-End: Node.js
  • Mobile: Swift
  • Banco de Dados: MySQL | MongoDB
  • Versionamento: Git

🎯 Diferenciais

Minha formação em Educação Física me ajudou a desenvolver habilidades como trabalho em equipe, empatia e comunicação, fundamentais no desenvolvimento de soluções tecnológicas que atendem de forma eficaz as necessidades dos usuários.

🎮 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

Logo Html5

html5

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

Logo Css3

css3

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

Logo Javascript

javascript

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

Logo Typescript

typescript

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

Logo Node.js

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.

Logo React

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.

Logo Tailwind css

tailwind css

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

Logo Swift

swift

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

Logo Git

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.

Logo github

github

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

Logo Mysql

mysql

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

Logo MongoDB

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.

Logo Git

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.

Logo github

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.

Logo Mysql

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

Jogo de adivinhação

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
Lista de Tarefas

Lista de Tarefas

Se trata de uma lista de tarefas usando a biblioteca do React, com CRUD completo e deploy do back-end no Render e o front-end no Vercel.

Experimente
Jogo de adivinhação

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
Projeto Fokus

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

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
Projeto newsletter

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
Projeto mobile fist

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
Projeto code connect

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
Projeto amigo secreto

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
Projeto compra de ingresso

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
Projeto alugames

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 Aluraplus

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
Projeto sorteador

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
Projeto previsão do tempo

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
Projeto dark mode

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
Projeto low code

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

Entre em contato

Como prefere ser contatado?*

© - Lucas Vilela. Todos os direitos reservados.