Portfolio/index.html at main · pascholynx/Portfolio · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Welcome to the portfolio of Chidozie Inya, a passionate software engineer.">
  <title>Chidozie Inya| Software Engineer</title>
  <!-- Favicon -->
  <link rel="icon" href="favicon.ico">
  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap" rel="stylesheet">
  <!-- CSS Stylesheet -->
  <link rel="stylesheet" href="styles.css">
</head>
<body class="light-mode">
  <header>
    <nav>
      <div class="logo">
        <h1>Chidozie <span>Inya</span></h1>
      </div>
      <ul class="nav-links">
        <li><a href="#about">About</a></li>
        <li><a href="#skills">Skills</a></li>
        <li><a href="#projects">Projects</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>

      <button onclick="toggleMode()"><span>Dark Mode</span></button>
    </nav>
    <div class="hero">
      <h2>Software Engineer <span> & Backend Developer </span></h2>
      <p>Passionate about creating elegant solutions for complex problems</p>
    </div>
  </header>
  <section id="about" class="about">
    <h3>About Me</h3>
    <div class="about-content">
      <div class="profile-image">
        <img src="./img/profile.jpg" alt="Chidozie Inya">
      </div>
      <div class="about-text">
        <p>Hello! I'm Chidozie, a software engineer with new experience in designing, building, and maintaining software solutions. I have a passion for solving complex problems and making a meaningful impact through technology.</p>
        <p>I specialize in backend development, but I also have experience working with frontend technologies. My preferred programming languages are JavaScript, Python, and Java. I'm always eager to learn new technologies and expand my skill set.</p>
        <p>When I'm not coding, you can find me exploring the outdoors, playing video games, or experimenting with new recipes in the kitchen.</p>
      </div>
    </div>
  </section>
  <section id="skills" class="skills">
    <h3>Skills</h3>
    <ul class="skill-list">
      <li>
        <img src="./img/javascript.png" alt="JavaScript">
        <p>JavaScript</p>
      </li>
      <li>
        <img src="./img/html5.png" alt="HTML">
        <p>HTML</p>
      </li>
      <li>
        <img src="./img/css3.png" alt="CSS">
        <p>CSS</p>
      </li>
      <li>
        <img src="./img/node-js.png" alt="Node.js">
        <p>Node.js</p>
      </li>
      <li>
        <img src="./img/file.png" alt="SQL">
        <p>SQL</p>
      </li>
      <li>
        <img src="./img/git.png" alt="Git">
        <p>Git</p>
      </li>
      <li>
        <img src="./img/python.png" alt="Python">
        <p>Python</p>
      </li>
      <li>
        <img src="./img/java.png" alt="Java">
        <p>Java</p>
      </li>
    </ul>
  </section>
  <section id="projects" class="projects">
    <h3>Projects</h3>
    <div class="project-grid">
      <div class="project-card">
        <img src="./img/project1.png" alt="Project 1">
        <div class="project-info">
          <h4>Project 1</h4>
          <p> HealthTrackPro is an Android application designed to help users track their health and fitness activities.</p>
          <a href="https://github.com/pascholynx/health_tracker" target="_blank">View on GitHub</a>
        </div>
      </div>
      <div class="project-card">
        <img src="project2.jpg" alt="Project 2">
        <div class="project-info">
               <h4>Project 2</h4>
      <p>The Conference Registration API allows users to register for a conference, capturing details such as name, email, phone number, and area of interest. The system also captures real-time location during the registration process.</p>
      <a href="https://github.com/pascholynx/conference-web-api" target="_blank">View on GitHub</a>
    </div>
  </div>
  <div class="project-card">
    <img src="project3.jpg" alt="Project 3">
    <div class="project-info">
      <h4>Project 3</h4>
      <p>The Remote Printing System is a simple Java-based application that enables users to submit print jobs to a remote server. Users can register and log in to the system, then send print jobs that will be processed by the server. The server assigns a unique job ID for each print job and manages them in a queue.</p>
      <a href="https://github.com/pascholynx/remote_printing_platform" target="_blank">View on GitHub</a>
    </div>
  </div>
  <div class="project-card">
    <img src="project4.jpg" alt="Project 4">
    <div class="project-info">
      <h4>Project 4</h4>
      <p>This Restaurant Chatbot project allows customers to interact with a chatbot to place orders, view their order history, check current orders, and cancel orders. It is built using Node.js, Express, Socket.IO, and MongoDB.</p>
      <a href="https://github.com/pascholynx/restaurant_ChatBot" target="_blank">View on GitHub</a>
    </div>
  </div>
</div>
</section>
  <section id="contact" class="contact">
    <h3>Contact</h3>
    <p>If you'd like to get in touch, feel free to reach out to me via email or connect with me on LinkedIn.</p>
    <div class="contact-info">
      <a href="mailto:dozieinya2002@gmail.com" class="email-link">dozieinya2002@gmail.com</a>
      <a href="https://www.linkedin.com/in/chidozie-inya" class="linkedin-link">LinkedIn</a>
    </div>
  </section>
  </section>
  <section id="activity" class="activity">
    <h3>Activities </h3>
    <p>Coding Activities</p>
    <div class="activity">
      <a href="https://wakatime.com"><img src="https://wakatime.com/share/@PaschoLynx/342cf48f-0101-431b-bd4c-2ad0703894f6.png" /></a>
    </div>
  </section>
  <footer>

    <button id="scroll-to-top" class="hidden">
      <i class="fas fa-chevron-up"></i>
    </button>

    <p>&copy; 2023 Chidozie Inya. <span> All rights reserved. </span> </p>
  </footer>
  <!-- JavaScript -->
  <script src="main.js"></script>
</body>
</html>