-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
170 lines (166 loc) · 9.77 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="/img/favicon.svg">
<title>Portfólio</title>
</head>
<body>
<header class="nav">
<div class="nav-links">
<a href="#sobre">Sobre</a>
<a href="#projetos">Projetos</a>
<a href="#contato">Contato</a>
</div>
</header>
<section class="main itens-center">
<img class="avatar" src="img\avatar.jpg">
<div>
<h1 class="main-title">Oi, eu sou o Luiz, Desenvolvedor Front-End</h1>
<div class="main-icon">
<img src="img/react.svg" alt="react logotipo">
<img src="img/next.svg" alt="nextjs logotipo">
<img src="img/node.svg" alt="nodejs logotipo">
<img src="img/sql.svg" alt="mysql logotipo">
<img src="img/git.svg" alt="git logotipo">
<img src="img/js.svg" alt="javascript logotipo">
<img src="img/ts.svg" alt="typescript logotipo">
<img src="img/html.svg" alt="html logotipo">
<img src="img/css.svg" alt="css logotipo">
<img src="img/figma.svg" alt="figma logotipo">
</div>
<a class="button" href="document/Luiz_Guilherme_Monteiro_Da_Silva.pdf" target="_blank">Download do meu CV</a>
</div>
</section>
<div class="about" id="sobre">
<section>
<h2>Sobre mim</h2>
<p>Me chamo Luiz Guilherme, tenho 22 anos e moro em Cuiabá, Mato Grosso. Desde criança eu sempre fui apaixonado por tecnologia, então decidi trilhar um caminho no ramo da programação. Sou um Desenvolvedor Front-End com conhecimento em React, Nextjs, Git/GitHub, Nodejs, MySQL, JavaScript, TypeScript, HTML, CSS e Figma. <br><br>Atualmente estou trabalhando como desenvolvedor de software na LogLab, atuando especificamente com frontend, utilizando tecnologias como Next.JS, TypeScript, Docker e Nodejs. Como um grande fascinado por desenvolvimento de software, tenho muito interesse em aprender e me qualificar em novas tecnologias.<br><br> A tecnologia é a minha maneira de mudar o mundo e é por isso que amo o que eu faço!</p>
</section>
</div>
<section class="projects" id="projetos">
<h2>Projetos</h2>
<div class="project itens-center">
<a href="https://github.com/luizguilherme4/spacetime-web" target="_blank">
<img src="projects/spacetimePreview.gif" alt="gif projeto spacetime" class="project-img">
</a>
<div class="project-description">
<h3 class="project-title">Spacetime
</h3>
<p>Esse projeto Full Stack é um CRUD para arquivar fotos e descrições de suas memórias. O frontend foi desenvolvido com Next 13, mobile em React Native e API Fastify e Prisma ORM. Parte do projeto foi desenvolvido durante a NLW da RocketSeat e as features de visualização, edição e exclusão de memórias foram desenvolvidas individualmente. Além do CRUD, a aplicação também possui implementação de OAuth via GitHub.
</p>
<div class="project-buttons">
<a href="https://github.com/luizguilherme4/spacetime-web" target="_blank"
class="project-link">Web<img src="img/githhubButton.svg"></a>
<a href="https://github.com/luizguilherme4/spacetime-mobile" target="_blank"
class="project-link">Mobile<img src="img/githhubButton.svg"></a>
<a href="https://github.com/luizguilherme4/spacetime-server" target="_blank"
class="project-link">Backend<img src="img/githhubButton.svg"></a>
</div>
</div>
</div>
<div class="project itens-center">
<a href="https://firebase-authentication-five.vercel.app/" target="_blank">
<img src="projects/staartAuthPreview.gif" alt="gif projeto staart auth" class="project-img">
</a>
<div class="project-description">
<h3 class="project-title">Staart Auth
</h3>
<p>Esse projeto é uma demonstração de aplicação que utiliza o Firebase para fazer Login e Cadastro de usuários de uma plataforma. O projeto foi feito em React e algumas das features incluem a possibilidade de trocar o e-mail de cadastro e redefinir a senha.
</p>
<div class="project-buttons">
<a href="https://github.com/luizguilherme4/staart-auth" target="_blank"
class="project-link">GitHub<img src="img/githhubButton.svg"></a>
<a href="https://firebase-authentication-five.vercel.app/" target="_blank"
class="project-link">Site<img src="img/siteButton.svg"></a>
</div>
</div>
</div>
<div class="project itens-center">
<a href="https://pokemon-deck-ruby.vercel.app/" target="_blank">
<img src="projects/pokeNextPreview.gif" alt="gif projeto pokenext" class="project-img">
</a>
<div class="project-description">
<h3 class="project-title">PokeNext
</h3>
<p>PokeNext é uma pokédex que apresenta os dados de mais de 250 Pokémons. O projeto foi desenvolvido em Next.js e consome a api PokéApi e as imagens foram retiradas do repositório de sprites da PokéApi.
</p>
<div class="project-buttons">
<a href="https://github.com/luizguilherme4/poke-next" target="_blank"
class="project-link">GitHub<img src="img/githhubButton.svg"></a>
<a href="https://pokemon-deck-ruby.vercel.app/" target="_blank" class="project-link">Site<img
src="img/siteButton.svg"></a>
</div>
</div>
</div>
<div class="project itens-center">
<a href="https://aluratube-luiz44.vercel.app/" target="_blank">
<img src="projects/aluraTubePreview.gif" alt="gif projeto aluratube" class="project-img">
</a>
<div class="project-description">
<h3 class="project-title">AluraTube
</h3>
<p>AluraTube é um projeto desenvolvido em Nextjs e estilizado com Styled Components que tem como propósito ser ter uma UI clone do Youtube e suas principais features são o Dark Mode e a barra de pesquisa de vídeos.
</p>
<div class="project-buttons">
<a href="https://github.com/luizguilherme4/aluratube" target="_blank"
class="project-link">GitHub<img src="img/githhubButton.svg"></a>
<a href="https://aluratube-luiz44.vercel.app/" target="_blank"
class="project-link">Site<img src="img/siteButton.svg"></a>
</div>
</div>
</div>
<div class="project itens-center">
<a href="https://diz-ai-orcin.vercel.app/" target="_blank">
<img src="projects/dizAiPreview.gif" alt="gif projeto diz ai" class="project-img">
</a>
<div class="project-description">
<h3 class="project-title">DizAí
</h3>
<p>DizAí é um projeto desenvolvido em React que permite que os usuários criem posts contando histórias.
</p>
<div class="project-buttons">
<a href="https://github.com/luizguilherme4/dizAi" target="_blank"
class="project-link">GitHub<img src="img/githhubButton.svg"></a>
<a href="https://diz-ai-orcin.vercel.app/" target="_blank" class="project-link">Site<img
src="img/siteButton.svg"></a>
</div>
</div>
</div>
<div class="project itens-center">
<a href="https://luizguilherme4.github.io/mentalista/" target="_blank">
<img src="projects/mentalistaPreview.gif" alt="gif projeto mentalista" class="project-img">
</a>
<div class="project-description">
<h3 class="project-title">Mentalista
</h3>
<p>Mentalista é um jogo de adivinhação em que um número aleatório é sorteado e o usuário possui quatro chances de acertar. Durante as tentativas do usuário, dicas aparecem na tela indicando se o número digitado é maior ou menor que o número sorteado.
</p>
<div class="project-buttons">
<a href="https://github.com/luizguilherme4/mentalista" target="_blank"
class="project-link">GitHub<img src="img/githhubButton.svg"></a>
<a href="https://luizguilherme4.github.io/mentalista/" target="_blank"
class="project-link">Site<img src="img/siteButton.svg"></a>
</div>
</div>
</div>
</section>
<footer class="itens-center" id="contato">
<div class="footer-social">
<a target="_blank" href="https://wa.me/5585991076188?">
<img src="img/whatsapp.svg" alt="whatsapp logo">
</a>
<a target="_blank" href="https://www.linkedin.com/in/luiz-guilherme-474b85145/">
<img src="img/linkedin.svg" alt="linkedin logo">
</a>
<a target="_blank" href="https://github.com/luizguilherme4">
<img src="img/github.svg" alt="github logo">
</a>
</div>
<p>Feito com ❤️ por Luiz</p>
</footer>
</body>
</html>