javieriq.github.io/index.html at master · JavierIQ/javieriq.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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="assets/icons/favicon.svg"
    />
    <title>JavierIQ | Android Developer</title>
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="resources/css/style.css" />
    <script src="resources/js/script.js"></script>
  </head>

  <!-- Body Zone  -->

  <!-- OnBoarding Section-->
  <body class="theme1">
    <header class="container-fluid sticky-top py-2" id="header">
      <div class="row align-items-center justify-content-between">
        <div class="col-auto top-left content-text" onclick="switchTheme()">2024:v1</div>
        <div class="col-auto top-right content-text">
          <p>javier.iniguez2498@gmail.com | Based in Mexico | </p>
          <a href="#projects">Projects</a> | <a href="#about-me">About me</a> |
          <a onclick="switchTheme()" href="#onBoarding">Hello! 🎉</a>
        </div>
      </div>
    </header>
    <main id="onBoarding" class="container text-center d-flex flex-column justify-content-center" style="min-height: 100vh;">
      <h1>Android Developer</h1>
      <p class="intro">Hello! 👋 I'm Javier IQ, a Software Developer, who loves to make apps, read a lot (about everything), and movies (like Little Miss Sunshine 🚌).</p>
    </main>
    <div class="social-landing container-fluid text-right py-2 content-text">
      <a href="https://www.linkedin.com/in/javieriniguezquezada/" target="_blank">Linkedin</a> |
      <a href="https://www.goodreads.com/user/show/70399217-javier-i-iguez-quezada" target="_blank">Goodreads</a> |
      <a href="https://github.com/JavierIQ" target="_blank">Github</a>
    </div>

    <!-- Projects Section -->
    <section id="projects" class="container-fluid text-center my-5 ">
      <h2 class="projects-title">PROJECTS</h2>
      <p class="projects-subtitle">WORKS, PERSONAL PROJECTS, SOME RESEARCH AND PLAYGROUND.</p>
    </section>

    <section id="projects" class="container-fluid my-5">
      <div class="project">
        <div class="row align-items-center">
          <div class="col-md-6 text-left">
            <p class="project-year-tech"> <b>Currently</b> | Android Compose, Rest API, MVVM</p>
            <h2 class="project-title">Petco</h2>
            <hr class="rounded">
            <p class="project-description">As a Android developer, I participated on the end-to-end development of Petco, a comprehensive pet management application. Petco allows users to manage their pets, shop for pet necessities, and schedule services such as grooming, veterinary appointments, and training sessions. I was involved from the project’s inception to its successful launch, utilizing Android Compose for a modern responsive UI, REST API for seamless service integration, and Room for efficient local data storage.</p>
          </div>
        </div>
      </div>
    </section>

    <section id="projects" class="container-fluid my-5">
      <div class="project">
        <div class="row align-items-center">
          <div class="col-md-6 text-left">
            <p class="project-year-tech"> <b>2023</b> | Android View, Graphql, MVVM</p>
            <h2 class="project-title">Jüsto</h2>
            <hr class="rounded">
            <p class="project-description">As a mobile developer for Jüsto, a leading supermarket app in Mexico, I developed, supported, and enhanced the application to improve user experience. My work included consuming GraphQL for efficient data handling and utilizing Room for robust local database management. My contributions helped streamline the shopping experience.</p>
          </div>
        </div>
      </div>
    </section>

    <section id="projects" class="container-fluid my-5">
      <div class="project">
        <div class="row align-items-center">
          <div class="col-md-6 text-left">
            <p class="project-year-tech"> <b>2020 - 2022</b> | Java, Spring, Rest API</p>
            <h2 class="project-title">Santander</h2>
            <hr class="rounded">
            <p class="project-description">As a developer at Santander, my primary role was to support and enhance services with Java, improving various business processes. I utilized Spring Framework for several projects, contributing to the development of efficient, scalable solutions.</p>
          </div>
        </div>
      </div>
    </section>

    <section id="projects" class="container-fluid my-5">
      <div class="project">
        <div class="row align-items-center">
          <div class="col-md-6 text-left">
            <p class="project-year-tech"> <b>2019 - 2020</b> | Android View, Rest API, MVC</p>
            <h2 class="project-title">Brounie</h2>
            <hr class="rounded">
            <p class="project-description">As an Android developer at Brounie, I contributed to various projects across different markets, enhancing my skills and knowledge. My work included developing a pet management app, a recycling application, and a flight ticket purchasing platform. Each project provided unique challenges and opportunities to interact directly with clients, allowing me to deliver tailored solutions and improve user experiences across diverse domains.</p>
          </div>
        </div>
      </div>
    </section>

<!-- About Me Section -->
<section id="about-me">
  <div class="parallax-container">
    <div class="parallax-content">
      <h2>About me</h2>
    </div>
  </div>
  <div class="about-me-text container text-right my-5">
    <div class="row justify-content-end">
      <div class="col-md-8 col-lg-4">
        <p class="about-me-description">
          Hi, I'm Javier Iniguez, I graduated from Tecnológico de Monterrey, Mexico with a degree in computer systems engineering.</p>
        <p class="about-me-description">
          I am a person with a lot of interest in history, art and science, as a habit I always have to be reading a book. My goal is to continuously learn and grow both personally and professionally, I feel that we have very little time to get to know so many things in the world.
        </p>
        <p class="about-me-description">
          In my free time, apart from reading, I like to play video games 🎮 and watch movies 🍿, I love dramas and comedies.
        </p>
      </div>
    </div>
  </div>
</section>

<!-- Footer Section -->
<hr class="rounded">
<footer class="footer mt-auto py-5">
  <div class="container">
    <div class="row">
      <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mb-3">
        <p>Feel free to contact me! <br>It would be a pleasure to help your app an idea</p>
      </div>
      <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mb-3">
        <p>Actually in Mexico<br>javier.iniguez2498@gmail.com</p>
      </div>
      <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mb-3">
        <p>
          <a href="https://www.goodreads.com/user/show/70399217-javier-i-iguez-quezada" target="_blank">Goodreads</a><br>
          <a href="https://github.com/JavierIQ" target="_blank">Github</a><br>
          <a href="https://www.linkedin.com/in/javieriniguezquezada/" target="_blank">LinkedIn</a>
        </p>
      </div>
      <div class="col-12 text-center">
        <p>Made with love Javier IQ ❤️</p>
      </div>
    </div>
  </div>
</footer>

  <!--Scripts Zone -->
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
      crossorigin="anonymous"></script>
    <script
      src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
      integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
      crossorigin="anonymous"></script>
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
      integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
      crossorigin="anonymous"></script>
    <script src="scripts.js"></script>
    </body>
</html>