erickvicentin.github.io/index.html at master · erickvicentin/erickvicentin.github.io · GitHub

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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html lang="en">

<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">
  <title>Erick Vicentin</title>
  <link rel="stylesheet" href="estilos.css">
  <script src="https://kit.fontawesome.com/6a4711ae1e.js" crossorigin="anonymous"></script>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>

<body>
  <div id="header">
    <div id="container">
      <nav>
        <img src="assets/nombre.png" class="logo">
        <ul id="sidemenu">
          <li><a href="#header">Home</a></li>
          <li><a href="#about">About</a></li>
          <li><a href="#services">Services</a></li>
          <li><a href="#contact">Contact</a></li>
          <i class="fa-solid fa-times" onclick="closeMenu()"></i>
        </ul>
        <i class="fa-solid fa-bars" onclick="openMenu()"></i>
      </nav>
      <div class="header-text">
        <p>Test Automation Engineer SSr.</p>
        <h1>Hi, I'm <span>Erick Vicentin</span> from Argentina</h1>
      </div>
    </div>
  </div>
  <div id="about">
    <div class="container">
      <div class="row">
        <div class="about-col-1">
          <img src="assets/profile.jpeg" id="prophoto">
        </div>
        <div class="about-col-2">
          <h1 class="sub-title">About Me</h1>
          <p>Erick has been working as a Test Automation Engineer since July 2020 working with technologies like Java &
            JUnit, Gradle, Spring, Javascript, WebDriverIO, Cucumber and Selenium, specifically automating API and E2E
            test cases. Currently, he is focused on creating and running automated front-end / web-ui tests. It is also
            responsible for the daily monitoring of the results of the automated test suite, the reporting of errors
            found to the development team, and the help in detecting their origin and their resolution. Previously, he
            was dedicated to developing in React.js, working on an internal Globant project, the StarMeUp component
            suite. He already has experience in some Front Tech (ReactJS, React-Native, based on javascript) to have
            more than one profile. He has solid knowledge in the use of the Git versioning system, and has worked as a
            team with agile methodologies.</p>
          <div class="tab-titles">
            <p class="tab-links active-link" onclick="opentab('skills')">Skills</p>
            <p class="tab-links" onclick="opentab('experience')">Experience</p>
            <p class="tab-links" onclick="opentab('education')">Education</p>
          </div>
          <div class="tab-content active-tab" id="skills">
            <ul>
              <li><span>Javascript</span><br>⭐ ⭐ ⭐ ⭐</li>
              <li><span>Java</span><br>⭐ ⭐ ⭐</li>
              <li><span>ReactJS</span><br>⭐ ⭐</li>
              <li><span>Design TC</span><br>⭐ ⭐ ⭐ ⭐</li>
              <li><span>Jenkins</span><br>⭐ ⭐ ⭐</li>
            </ul>
          </div>
          <div class="tab-content" id="experience">
            <ul>
              <li><span>October 2021 - Current</span><br>Test Automation Engineer SSr at <a
                  href="https://www.globant.com/">@globant</a></li>
              <li><span>March 2021 - September 2021</span><br>Test Automation Engineer Jr. Adv at <a
                  href="https://www.globant.com/">@globant</a></li>
              <li><span>September 2020 - February 2021</span><br>Test Automation Engineer Jr. at <a
                  href="https://www.globant.com/">@globant</a></li>
              <li><span>March 2020 - August 2020</span><br>Test Automation Engineer Trainee at <a
                  href="https://www.globant.com/">@globant</a></li>
              <li><span>December 2017 - March 2020</span><br>Customer Experience Support at <a
                  href="https://apexamerica.com/">@apex america</a></li>
            </ul>
          </div>
          <div class="tab-content" id="education">
            <ul>
              <li><span>System Information Engineering</span><br>Universidad Tecnologica Nacional</li>
              <li><span>Natural Science - Bachelor</span><br>E.E.S. Nº 71 "Esteban Echeverria"</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="services">
    <div class="container">
      <h1 class="sub-title">My Services</h1>
      <div class="services-list">
        <div>
          <i class="material-icons">bug_report</i>
          <h2>Testing</h2>
          <p>Diseño, Programacion y Ejecución de pruebas automatizadas. Programadas en Javascript, utilizando
            WebdriverIO para testing de UI.
            Tambien he implementado pruebas de API utilizando pequeños scripts en Mocha para la implementación de una
            libreria de llamadas a
            servicios, y con Java y Spring para una suite de casos E2E.
          </p>
          <a href="#">Learn more...</a>
        </div>
        <div>
          <i class="material-icons">code</i>
          <h2>Web Development</h2>
          <p>Como desarrollador web, he colaborado con 2 proyectos desarrollados en ReactJS. Abocandome, sobre todo en
            la parte
            de testing automatizado, pero dando soporte tambien al equipo de desarrollo en cuestiones de no mucha
            complejidad.
          </p>
          <a href="#">Learn more...</a>
        </div>
        <div>
          <i class="material-icons">lightbulb_outline</i>
          <h2>Business Analyst</h2>
          <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quam, tempore. Maxime quaerat enim debitis quos
            rem quis! Ab earum, ipsam eius ex, pariatur quo corporis voluptate quae aut optio repellat!</p>
          <a href="#">Learn more...</a>
        </div>
      </div>
    </div>
  </div>
  <div id="contact">
    <div class="container">
      <div class="row">
        <div class="contact-left">
          <h1 class="sub-title">Contact me</h1>
          <p><i class="material-icons">email</i><a
              href="mailto:erickvicentin14@hotmail.com">erickvicentin14@hotmail.com</a></p>
          <p><i class="material-icons">phone_android</i>+54 362 - 5227229</p>
          <div class="social-icons">
            <a href="https://www.linkedin.com/in/erickvicentin/"><i class="fa-brands fa-linkedin"></i></a>
            <a href="https://github.com/erickvicentin"><i class="fa-brands fa-square-github"></i></a>
            <a href="https://facebook.com/erickvicentinok"><i class="fa-brands fa-square-facebook"></i></a>
            <a href="https://instagram.com/erickvicentinok"><i class="fa-brands fa-square-instagram"></i></a>
          </div>
          <a href="assets/VicentinErick-CV.pdf" download class="btn btn2">Download CV</a>
        </div>
        <div class="contact-right">
          <form name="submit-to-google-sheet">
            <input type="text" name="Name" placeholder="Your name" required>
            <input type="email" name="Email" placeholder="Your email" required>
            <textarea name="Message" rows="6" placeholder="Your message" required></textarea>
            <button type="submit" class="btn btn2">Send</button>
          </form>
          <span id="msg"></span>
        </div>
      </div>
    </div>
  </div>
  <div class="copyright">
    <p>Made with <i class="fa-solid fa-heart"></i> by Erick Vicentin</p>
  </div>
  <script>
    let tablinks = document.getElementsByClassName("tab-links")
    let tabcontents = document.getElementsByClassName("tab-content")
    function opentab(tabname) {
      for (tablink of tablinks) {
        tablink.classList.remove("active-link")
      }
      for (tabcontent of tabcontents) {
        tabcontent.classList.remove("active-tab")
      }
      event.currentTarget.classList.add("active-link")
      document.getElementById(tabname).classList.add("active-tab")
    }
  </script>
  <script>
    let sidemenu = document.getElementById('sidemenu')
    function openMenu() {
      sidemenu.style.right = "0"
    }
    function closeMenu() {
      sidemenu.style.right = "-200px"
    }
  </script>
  <script>
    const scriptURL = 'https://script.google.com/macros/s/AKfycbz70JM6kETbP21F6eTGUCmxusDFXktRoLZcDMiamfvnldCBwTIJA17KvWCPKCi-ceOJ/exec'
    const form = document.forms['submit-to-google-sheet']
    const msg = document.getElementById("msg")
    form.addEventListener('submit', e => {
      e.preventDefault()
      fetch(scriptURL, { method: 'POST', body: new FormData(form) })
        .then(response => {
          msg.innerHTML = 'Message sent successfully!'
          setTimeout(() => { msg.innerHTML = '' }, 5000)
          form.reset()
        })
        .catch(error => console.error('Error!', error.message))
    })
  </script>
</body>

</html>