-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
115 lines (92 loc) · 10.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="Description" content="Felipe Soares is a web developer focused on front-end, interested in usability, user experience and passionate about new technologies.">
<title>Felipe Soares Portfolio</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width"/>
<link href="https://fonts.googleapis.com/css?family=Noto+Serif+SC|Montserrat" rel="stylesheet">
<meta property="og:url" content="https://felipesoares6.github.io" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Felipe Soares Portfolio" />
<meta property="og:description" content="Web developer focused on front-end, interested in usability, user experience and passionate about new technologies." />
<meta property="og:image" content="https://felipesoares6.github.io/public/images/open-graph.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@felipesoares6_" />
<meta name="twitter:creator" content="@felipesoares6_" />
<meta name="twitter:image" content="https://felipesoares6.github.io/public/images/twitter-card.jpg" />
<link rel="apple-touch-icon" sizes="57x57" href="/public/images/icons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/public/images/icons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/public/images/icons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/public/images/icons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/public/images/icons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/public/images/icons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/public/images/icons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/public/images/icons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/public/images/icons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/public/images/icons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/public/images/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/public/images/icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/public/images/icons/favicon-16x16.png">
<meta name="theme-color" content="#000000" />
<link rel="manifest" href="/public/manifest.json">
</head>
<body class="container">
<div class="container__content">
<main class="personal-info">
<h1 class="personal-info__name">Felipe Soares</h1>
<h2 class="personal-info__profession">Web Developer</h2>
<p class="personal-info__bio">I'm a software engineer focused on JavaScript and specialized in developing performant web applications with over 8 years of experience. Independent of technology, I'm a product-focused developer who can adapt to any new set of frameworks or tools to achieve the goals needed in an agile environment.</p>
<ul class="personal-info__social-media__list">
<li class="personal-info__social-media__item">
<a href="https://github.com/felipesoares6/" target="_blank" rel="noopener noreferrer">
<svg class="personal-info__social-media__image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58 58"><g fill="#fff"><path d="M20.543 45.795q-.594.111-.519.556t.667.3q.594-.148.519-.519-.074-.411-.667-.337zM18.429 46.092c-.4 0-.593.135-.593.408q0 .482.63.408.593 0 .594-.408 0-.482-.631-.408zM15.537 45.98q-.148.408.482.556.556.222.7-.223.111-.407-.482-.593c-.366-.099-.601-.013-.7.26z"/><path d="M53.823 3.133A10.286 10.286 0 0 0 46.277 0h-35.6a10.288 10.288 0 0 0-7.544 3.133A10.288 10.288 0 0 0 0 10.679v35.6a10.286 10.286 0 0 0 3.133 7.546 10.287 10.287 0 0 0 7.546 3.133h8.306a10.028 10.028 0 0 0 1.223-.055 1.435 1.435 0 0 0 .816-.483 1.727 1.727 0 0 0 .408-1.242l-.019-2.522q-.019-2.411-.019-3.82l-.853.148a10.914 10.914 0 0 1-2.058.13 15.836 15.836 0 0 1-2.577-.259 5.777 5.777 0 0 1-2.485-1.112 4.707 4.707 0 0 1-1.631-2.281l-.371-.853a9.263 9.263 0 0 0-1.168-1.89 4.475 4.475 0 0 0-1.613-1.409l-.26-.185a2.727 2.727 0 0 1-.482-.445 2.06 2.06 0 0 1-.334-.519q-.111-.26.185-.427a2.411 2.411 0 0 1 1.075-.166l.741.111a5.406 5.406 0 0 1 1.836.89 5.984 5.984 0 0 1 1.8 1.928 6.535 6.535 0 0 0 2.058 2.317 4.363 4.363 0 0 0 2.429.8 10.534 10.534 0 0 0 2.114-.185 7.383 7.383 0 0 0 1.669-.557 6.01 6.01 0 0 1 1.817-3.82 25.392 25.392 0 0 1-3.8-.668A15.148 15.148 0 0 1 16 38.933a9.98 9.98 0 0 1-2.985-2.485 11.945 11.945 0 0 1-1.946-3.893 18.519 18.519 0 0 1-.76-5.563 10.816 10.816 0 0 1 2.93-7.639 9.969 9.969 0 0 1 .261-7.563 5.2 5.2 0 0 1 3.189.5 22.363 22.363 0 0 1 3.1 1.428q.983.593 1.576 1a26.772 26.772 0 0 1 14.24 0l1.409-.89a19.948 19.948 0 0 1 3.405-1.628 4.857 4.857 0 0 1 3-.408 9.871 9.871 0 0 1 .3 7.564 10.817 10.817 0 0 1 2.93 7.639 18.7 18.7 0 0 1-.76 5.581 11.456 11.456 0 0 1-1.965 3.894 10.369 10.369 0 0 1-3 2.466 15.128 15.128 0 0 1-3.486 1.446 25.374 25.374 0 0 1-3.8.668q1.927 1.668 1.927 5.265v8.863a2.387 2.387 0 0 0 .185 1.02 1.024 1.024 0 0 0 .594.538 3.286 3.286 0 0 0 .724.185 8.325 8.325 0 0 0 .909.037h8.306a10.7 10.7 0 0 0 10.679-10.68v-35.6a10.288 10.288 0 0 0-3.139-7.545z"/><path d="M11.272 41.46q-.259.185.074.593.371.371.594.111.259-.185-.075-.593-.37-.337-.593-.111zM10.047 40.529q-.111.26.26.445a.317.317 0 0 0 .482-.074q.111-.26-.26-.446-.368-.111-.482.075zM12.422 42.902q-.334.185 0 .667t.63.26q.334-.26 0-.7c-.197-.325-.408-.4-.63-.227zM13.72 44.571c-.223.2-.174.432.148.7q.444.444.741.11.3-.3-.148-.7-.444-.443-.741-.11z"/></g></svg>
</a>
</li>
<li class="personal-info__social-media__item">
<a href="https://www.linkedin.com/in/felipesoares6/?locale=en_US" target="_blank" rel="noopener noreferrer">
<svg class="personal-info__social-media__image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58 58"><path d="M52.947 0H4.224A4.161 4.161 0 0 0-.002 4.1v48.972a4.163 4.163 0 0 0 4.224 4.1h48.725a4.161 4.161 0 0 0 4.221-4.1V4.1A4.16 4.16 0 0 0 52.947 0zM17.332 47.855H8.698V22.043h8.638zm-4.318-29.338h-.058a4.46 4.46 0 0 1-4.774-4.461c0-2.53 1.933-4.457 4.887-4.457a4.476 4.476 0 0 1 4.829 4.457c0 2.481-1.875 4.461-4.884 4.461zm35.455 29.338h-8.635v-13.81c0-3.47-1.251-5.838-4.374-5.838a4.718 4.718 0 0 0-4.43 3.14 5.769 5.769 0 0 0-.288 2.091v14.416h-8.633s.113-23.39 0-25.811h8.635V25.7a8.575 8.575 0 0 1 7.78-4.267c5.683 0 9.945 3.687 9.945 11.619zM30.688 25.784c.015-.024.035-.053.056-.082v.082z" fill="#fff"/></svg>
</a>
</li>
<ul>
</main>
<section class="projects">
<h2 class="projects__title">Last Projects</h2>
<ol class="projects__list">
<li class="projects__item">
<p class="projects__item__date">Vancouver, CA (October/2021 - currently)</p>
<h3 class="projects__item__occupation"> Software Engineer @ WineDirect (https://www.winedirect.com/)</h3>
<p class="projects__item__description">
WineDirect is an all-in-one E-commerce platform and Fulfillment services for wineries to start, manage, and grow their direct-to-consumer business. I support product needs in an agile environment with much context switching.
I'm mainly responsible for working on the rebranding of the new admin panel and the point of sale system that is been built using React and React Native respectively, integrating with BigCommerce and other partners, different microservices at the same time working closely with QA, product management and other developers.
</p>
</li>
<li class="projects__item">
<p class="projects__item__date">Remote (February/2019 - October/2021)</p>
<h3 class="projects__item__occupation">Front-end Engineer @ ConsumerAffairs (https://www.consumeraffairs.com/)</h3>
<p class="projects__item__description">
A SaaS business. Brands utilize the product to connect with their customers, collect reviews, solve customer issues, generate sales, and shape their online reputation. My responsibilities besides development were translating product features to technical tickets, work distribution, resource management, and technical leadership.
I worked on the development of the live responsive website using HTML5, CSS3, SASS, pure JavaScript (ES6), and unit tests with Jest. We cared a lot about performance and SEO always making improvements to increase those metrics. I have also worked on a style guide system of reusable components and a React SPA back office app to customize matching tools.
</p>
</li>
<li class="projects__item">
<p class="projects__item__date">Remote (February/2018 - January/2019)</p>
<h3 class="projects__item__occupation">Front-end Engineer @ IFood (https://www.ifood.com.br/)</h3>
<p class="projects__item__description">
I worked on the Ifood Fleet Web, a back office platform to manage the drivers and deliveries using agile UX and development best practices. I also developed the Ifood Restaurant Sign up a web SPA where the restaurants interested on the platform register to start using the application. The technical stack used was React, Redux, Redux-Saga, Flow, Recompose, and Styled Components.
</p>
</li>
<li class="projects__item">
<p class="projects__item__date">Remote (April/2017 - January/2018)</p>
<h3 class="projects__item__occupation">Front-end developer @ Leroy Merlin (https://www.leroymerlin.com.br/)</h3>
<p class="projects__item__description">
I developed the Supplier Portal Leroy Merlin, An SPA made with React and Redux, used for Leroy Merlin suppliers and employees. I added a CI integrated with automatically deploy, and covered the project with unit tests and patterns to commits, pull requests, and code reviews. I also developed the Leroy Merlin Brazil Hybris, an app made with JavaScript, JQuery, Atomic Design, CSS, and HTML were used for Leroy Merlin employees to sell the products at the store. At the same time, we were maintaining our open-source style guide. We successfully achieved 95% of unit test coverage using UI industry best practices.
</p>
</li>
</ol>
</section>
</div>
</body>
</html>