batuhan-basoglu/Batuhan-Basoglu-Website
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixed the errors.

Browse source
This commit is contained in:
Batuhan Berk Başoğlu 2024-10-12 12:40:59 -04:00
parent 1ee842baf2
commit 01bbea75aa
4 changed files with 676 additions and 381 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

275
es/index.html
View file

@ -25,7 +25,7 @@
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<nav class="nav">
<div class="burger">
<div class="burger__patty"></div>
@ -62,15 +62,12 @@
</button>
<div class="dropdown-content">
<a href="../index.html">
<img src="../img/en.png"
width="20" height="15"> English</a>
<a href="../fr/index.html">
<img src="../img/fr.png"
width="20" height="15"> Français</a>
<a href="../tr/index.html">
<img src="../img/tr.png"
width="20" height="15"> Türkçe</a>
<a href="../index.html">
<img src="../img/en.png" width="20" height="15"> English</a>
<a href="../fr/index.html">
<img src="../img/fr.png" width="20" height="15"> Français</a>
<a href="../tr/index.html">
<img src="../img/tr.png" width="20" height="15"> Türkçe</a>
</div>
</div>
@ -89,9 +86,12 @@
<div class="home-box-content">
<div class="left-text">
<h4>Acerca de mí</h4>
<p>Desarrollador de software motivado con profundos conocimientos de desarrollo web, diseño y codificación.
así como experiencia en una amplia gama de lenguajes, frameworks y herramientas de programación. Éxito comprobado
en el desarrollo y despliegue de aplicaciones, sitios web y servicios web. Muy organizado y detallista,
<p>Desarrollador de software motivado con profundos conocimientos de desarrollo web, diseño y
codificación.
así como experiencia en una amplia gama de lenguajes, frameworks y herramientas de
programación. Éxito comprobado
en el desarrollo y despliegue de aplicaciones, sitios web y servicios web. Muy organizado y
detallista,
con una habilidad especial para encontrar soluciones creativas a problemas difíciles.
</p>
<div class="primary-button">
@ -132,31 +132,38 @@
<h4>General</h4>
<ul class="fa-ul">
<li>
<i class="fa-brands fa-git-alt"></i> <a href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Proyectos</a>
<i class="fa-brands fa-git-alt"></i> <a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Proyectos</a>
</li>
<li>
<i class="fa-brands fa-wordpress"></i> <a href="https://blog.batuhan.basoglu.ca/index.php/es/">Blog</a>
<i class="fa-brands fa-wordpress"></i> <a
href="https://blog.batuhan.basoglu.ca/index.php/es/">Blog</a>
</li>
<li>
<i class="fa-brands fa-x-twitter"></i> <a href="https://x.com/batuhanbbasoglu">X</a>
</li>
<li>
<i class="fa-brands fa-youtube"></i> <a href="https://www.youtube.com/@batuhan-basoglu">YouTube</a>
<i class="fa-brands fa-youtube"></i> <a
href="https://www.youtube.com/@batuhan-basoglu">YouTube</a>
</li>
<li>
<i class="fa-brands fa-linkedin"></i> <a href="https://www.linkedin.com/in/batuhan-basoglu/?locale=es_ES">LinkedIn</a>
<i class="fa-brands fa-linkedin"></i> <a
href="https://www.linkedin.com/in/batuhan-basoglu/?locale=es_ES">LinkedIn</a>
</li>
</ul>
<h4>Contacto</h4>
<ul class="fa-ul">
<li>
<i class="fa-solid fa-envelope"></i> <a href="mailto:batuhan@basoglu.ca">E-Mail</a> / <a href="./pgp/f3f2c8e137afb702b55f772a7315eac294fe4f2f.asc">PGP</a>
<i class="fa-solid fa-envelope"></i> <a href="mailto:batuhan@basoglu.ca">E-Mail</a> / <a
href="./pgp/f3f2c8e137afb702b55f772a7315eac294fe4f2f.asc">PGP</a>
</li>
<li>
<i class="fa-brands fa-signal-messenger"></i> <a href="https://signal.me/#eu/9RAzLhHnxljsNpJcGB1ApsDkZojW61tuqEOlquVrvAP5fiFksGVGzpm1cFeYKcu8">Signal</a>
<i class="fa-brands fa-signal-messenger"></i> <a
href="https://signal.me/#eu/9RAzLhHnxljsNpJcGB1ApsDkZojW61tuqEOlquVrvAP5fiFksGVGzpm1cFeYKcu8">Signal</a>
</li>
<li>
<i class="fa-solid fa-share-nodes"></i> <a href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
<i class="fa-solid fa-share-nodes"></i> <a
href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
</li>
</ul>
<h4>Propinas</h4>
@ -165,7 +172,8 @@
<i class="fa fa-coffee"></i> <a rel="me" href="https://ko-fi.com/batuhanbasoglu">Ko-Fi</a>
</li>
<li>
<i class="fa-solid fa-hand-holding-dollar"></i> <a href="https://liberapay.com/batuhan-basoglu/">Liberapay</a>
<i class="fa-solid fa-hand-holding-dollar"></i> <a
href="https://liberapay.com/batuhan-basoglu/">Liberapay</a>
</li>
</ul>
<div class="primary-button">
@ -284,13 +292,16 @@
<div class="owl-carousel owl-theme projects-container">
<div>
<div class="project-item">
<a href="../img/inovestor.jpg" data-lightbox="image-1"><img src="../img/inovestor.jpg" alt=""></a>
<a href="../img/inovestor.jpg" data-lightbox="image-1"><img src="../img/inovestor.jpg"
alt=""></a>
<div class="text-content">
<h4>Inovestor</h4>
<p>(2021-2024)</p>
<p> Trabajó como desarrollador full stack, realizó un contrato a través de IBM y RPM Eco para desarrollar su sitio web.
Colaboré en sitios web para VIA Rail Canada y RPM Eco utilizando
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Typescript, Node,js, Angular, Next.js, React, SQL, MySQL y Microsoft Azure</p>
<p> Trabajó como desarrollador full stack, realizó un contrato a través de IBM y RPM Eco
para desarrollar su sitio web.
Colaboré en sitios web para VIA Rail Canada y RPM Eco utilizando
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Typescript, Node,js, Angular, Next.js,
React, SQL, MySQL y Microsoft Azure</p>
<div class="primary-button">
<a href="https://www.inovestor.com/">Visita el Sitio Web</a>
</div>
@ -303,9 +314,11 @@
<div class="text-content">
<h4>Kargı Building Complex</h4>
<p>(2021-2021)</p>
<p>Trabajó a tiempo parcial como desarrollador web, realizando subcontratos para IBM y RPM Eco.
Créé un sitio web publicitario para el complejo de edificios Kargı utilizando
Angular, TypeScript, JavaScript, HTML y CSS, recibiendo excelentes comentarios del empleador.
<p>Trabajó a tiempo parcial como desarrollador web, realizando subcontratos para IBM y RPM
Eco.
Créé un sitio web publicitario para el complejo de edificios Kargı utilizando
Angular, TypeScript, JavaScript, HTML y CSS, recibiendo excelentes comentarios del
empleador.
</p>
<div class="primary-button">
<a href="https://kargisitesi.com/">Visita el Sitio Web</a>
@ -315,12 +328,14 @@
</div>
<div>
<div class="project-item">
<a href="../img/atelye70.jpg" data-lightbox="image-1"><img src="../img/atelye70.jpg" alt=""></a>
<a href="../img/atelye70.jpg" data-lightbox="image-1"><img src="../img/atelye70.jpg"
alt=""></a>
<div class="text-content">
<h4>Atelye70</h4>
<p>(2016-2016)</p>
<p>Aprendí a diseñar casas con Atelye70 a través de una pasantía.
Adquirió experiencia con AutoCAD y aprendió principios fundamentales de diseño arquitectónico.
Adquirió experiencia con AutoCAD y aprendió principios fundamentales de diseño
arquitectónico.
</p>
<div class="primary-button">
<a href="https://atelye70.com/">Visita el Sitio Web</a>
@ -353,11 +368,13 @@
<div class="owl-carousel owl-theme projects-container">
<div>
<div class="project-item">
<a href="../img/project-17.jpg" data-lightbox="image-2"><img src="../img/project-17.jpg" alt=""></a>
<a href="../img/project-17.jpg" data-lightbox="image-2"><img src="../img/project-17.jpg"
alt=""></a>
<div class="text-content">
<h4>Sitio Web de RPM Eco</h4>
<p>Trabajó en el sitio web de RPM Eco a través de un contrato con RPM Eco. Está hecho usando
C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL y Microsoft Azure.</p>
<p>Trabajó en el sitio web de RPM Eco a través de un contrato con RPM Eco. Está hecho usando
C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL y Microsoft
Azure.</p>
<div class="primary-button">
<a href="https://rpm.eco">Descubra Más</a>
</div>
@ -366,10 +383,12 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-13.jpg" data-lightbox="image-2"><img src="../img/project-13.jpg" alt=""></a>
<a href="../img/project-13.jpg" data-lightbox="image-2"><img src="../img/project-13.jpg"
alt=""></a>
<div class="text-content">
<h4>Sitio Web de VIA Rail Canadá</h4>
<p>Trabajó en el sitio web de VIA Rail Canada a través de un contrato con IBM. Está hecho usando
<p>Trabajó en el sitio web de VIA Rail Canada a través de un contrato con IBM. Está hecho
usando
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular y Microsoft Azure. </p>
<div class="primary-button">
<a href="https://reservia.viarail.ca">Descubra Más</a>
@ -379,63 +398,77 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-18.jpg" data-lightbox="image-2"><img src="../img/project-18.jpg" alt=""></a>
<a href="../img/project-18.jpg" data-lightbox="image-2"><img src="../img/project-18.jpg"
alt=""></a>
<div class="text-content">
<h4>El Sitio Shopping Cool</h4>
<p>Creó un sitio de comercio que es similar a Amazon. Los usuarios pueden agregar y/o eliminar los
artículos que deseen utilizar su propia cuenta. Fue diseñado utilizando PHP, CSS, JavaScript, SQL y MySQL.</p>
<p>Creó un sitio de comercio que es similar a Amazon. Los usuarios pueden agregar y/o
eliminar los
artículos que deseen utilizar su propia cuenta. Fue diseñado utilizando PHP, CSS,
JavaScript, SQL y MySQL.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Cool-Shopping-Site">Descubra Más</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Cool-Shopping-Site">Descubra
Más</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-20.jpg" data-lightbox="image-2"><img src="../img/project-20.jpg" alt=""></a>
<a href="../img/project-20.jpg" data-lightbox="image-2"><img src="../img/project-20.jpg"
alt=""></a>
<div class="text-content">
<h4>.NET Web API con Angular</h4>
<p>Creé una API web .NET como back-end y usé Angular como front-end para recuperar una API desde un enlace usando la API REST.
<p>Creé una API web .NET como back-end y usé Angular como front-end para recuperar una API
desde un enlace usando la API REST.
Está creado utilizando C#, .NET, HTML, CSS, TypeScript, Node,js y Angular.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/NET-Web-API-w-Angular">Descubra Más</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/NET-Web-API-w-Angular">Descubra
Más</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-19.jpg" data-lightbox="image-2"><img src="../img/project-19.jpg" alt=""></a>
<a href="../img/project-19.jpg" data-lightbox="image-2"><img src="../img/project-19.jpg"
alt=""></a>
<div class="text-content">
<h4>Mi Servicio de Alojamiento Git</h4>
<p>Un sitio web de alojamiento Git autohospedado alojado en un servidor Ubuntu Linux a través de Oracle. esta configurado
con Forgejo que es una bifurcación de Gitea. Está realizado utilizando Go, Javascript, Roff y CSS.</p>
<p>Un sitio web de alojamiento Git autohospedado alojado en un servidor Ubuntu Linux a
través de Oracle. esta configurado
con Forgejo que es una bifurcación de Gitea. Está realizado utilizando Go, Javascript,
Roff y CSS.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/">Descubra Más</a>
<a href="https://git.batuhan.basoglu.ca/">Descubra Más</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-16.jpg" data-lightbox="image-2"><img src="../img/project-16.jpg" alt=""></a>
<a href="../img/project-16.jpg" data-lightbox="image-2"><img src="../img/project-16.jpg"
alt=""></a>
<div class="text-content">
<h4>Mi Blog de WordPress</h4>
<p>Un blog de WordPress autohospedado alojado en un servidor Ubuntu Linux a través de Oracle. esta configurado
<p>Un blog de WordPress autohospedado alojado en un servidor Ubuntu Linux a través de
Oracle. esta configurado
con Activity Pub para conectar con otras redes sociales federadas.
WordPress está hecho usando PHP, JavaScript, HTML y CSS.</p>
<div class="primary-button">
<a href="https://arcticpress.basoglu.co/">Descubra Más</a>
<a href="https://blog.batuhan.basoglu.ca/">Descubra Más</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-15.jpg" data-lightbox="image-2"><img src="../img/project-15.jpg" alt=""></a>
<a href="../img/project-15.jpg" data-lightbox="image-2"><img src="../img/project-15.jpg"
alt=""></a>
<div class="text-content">
<h4>Mi Almacenamiento Nextcloud</h4>
<p>Un almacenamiento Nextcloud autohospedado alojado en un servidor Ubuntu Linux a través de Oracle. Nextcloud es
<p>Un almacenamiento Nextcloud autohospedado alojado en un servidor Ubuntu Linux a través de
Oracle. Nextcloud es
realizado utilizando PHP, CSS, Javascript, TypeScript, Vue.js, Ruby y Gherkin.</p>
<div class="primary-button">
<a href="https://cloud.batuhan.basoglu.ca">Descubra Más</a>
@ -445,10 +478,12 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-12.jpg" data-lightbox="image-2"><img src="../img/project-12.jpg" alt=""></a>
<a href="../img/project-12.jpg" data-lightbox="image-2"><img src="../img/project-12.jpg"
alt=""></a>
<div class="text-content">
<h4>Sitio Web del Complejo de Edificios Kargı</h4>
<p>Construí el sitio web de Kargi Building Complex usando HTML, CSS, TypeScript, JavaScript, Node,js y Angular.</p>
<p>Construí el sitio web de Kargi Building Complex usando HTML, CSS, TypeScript, JavaScript,
Node,js y Angular.</p>
<div class="primary-button">
<a href="https://kargisitesi.com/">Descubra Más</a>
</div>
@ -457,94 +492,120 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-11.jpg" data-lightbox="image-2"><img src="../img/project-11.jpg" alt=""></a>
<a href="../img/project-11.jpg" data-lightbox="image-2"><img src="../img/project-11.jpg"
alt=""></a>
<div class="text-content">
<h4>Sistema de Reconocimiento Facial Antirrobo para Vehículos</h4>
<p>Creó un sistema de reconocimiento facial antirrobo para vehículos usando Python, CMake, JavaScript, Node.js, Roff, Java, HTML y CSS
<p>Creó un sistema de reconocimiento facial antirrobo para vehículos usando Python, CMake,
JavaScript, Node.js, Roff, Java, HTML y CSS
en Proyecto de Diseño de Ingeniería Informática.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Descubra Más</a>
<a
href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Descubra
Más</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-10.png" data-lightbox="image-2"><img src="../img/project-10.png" alt=""></a>
<a href="../img/project-10.png" data-lightbox="image-2"><img src="../img/project-10.png"
alt=""></a>
<div class="text-content">
<h4>Aplicación de Servicio a Domicilio de Olympus</h4>
<p>Creé una aplicación para dispositivos Android usando Java en la clase de Introducción a la ingeniería de software. Él
es una aplicación de electrodoméstico donde el usuario puede configurar sus datos y solicitar electrodomésticos
<p>Creé una aplicación para dispositivos Android usando Java en la clase de Introducción a
la ingeniería de software. Él
es una aplicación de electrodoméstico donde el usuario puede configurar sus datos y
solicitar electrodomésticos
servicios desde el domicilio del usuario. La aplicación está hecha en Android Studio.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/SEG2105-Olympus-Android-Application">Descubra Más</a>
<a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu/SEG2105-Olympus-Android-Application">Descubra
Más</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-9.jpg" data-lightbox="image-2"><img src="../img/project-9.jpg" alt=""></a>
<a href="../img/project-9.jpg" data-lightbox="image-2"><img src="../img/project-9.jpg"
alt=""></a>
<div class="text-content">
<h4>Sistema de Gestión Hospitalaria de Pacientes</h4>
<p>Realicé un sistema de gestión hospitalaria utilizando HTML, JavaScript, Node,js y React en diseño y arquitectura de software.
clase. En el Sistema de Gestión Hospitalaria, el usuario puede gestionar los pacientes y asignarlos a
<p>Realicé un sistema de gestión hospitalaria utilizando HTML, JavaScript, Node,js y React
en diseño y arquitectura de software.
clase. En el Sistema de Gestión Hospitalaria, el usuario puede gestionar los pacientes y
asignarlos a
los empleados del hospital donde cada empleado realiza diferentes acciones.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Hospital-Management-System">Descubra Más</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Hospital-Management-System">Descubra
Más</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-8.jpg" data-lightbox="image-2"><img src="../img/project-8.jpg" alt=""></a>
<a href="../img/project-8.jpg" data-lightbox="image-2"><img src="../img/project-8.jpg"
alt=""></a>
<div class="text-content">
<h4>Sitio Web de Cunas de Kene</h4>
<p>Realicé un sitio web inmobiliario utilizando HTML, CSS, JavaScript, Node,js y React en Análisis y Diseño de Usuario
Clase de interfaces. Es un sitio web donde el usuario puede navegar por las casas, buscarlas en google.
<p>Realicé un sitio web inmobiliario utilizando HTML, CSS, JavaScript, Node,js y React en
Análisis y Diseño de Usuario
Clase de interfaces. Es un sitio web donde el usuario puede navegar por las casas,
buscarlas en google.
mapas o contacta con los agentes desde el formulario de contacto.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Kene-s-Cribs-Website">Descubra Más</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Kene-s-Cribs-Website">Descubra
Más</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-7.jpg" data-lightbox="image-2"><img src="../img/project-7.jpg" alt=""></a>
<a href="../img/project-7.jpg" data-lightbox="image-2"><img src="../img/project-7.jpg"
alt=""></a>
<div class="text-content">
<h4>Alternativa al Sitio Web de Batuhan's Bikes con Servicio Chatbot</h4>
<p>Creé una empresa de servicios alternativos con un sitio web de servicios de chatbot utilizando HTML, CSS, JavaScript y Node.js
<p>Creé una empresa de servicios alternativos con un sitio web de servicios de chatbot
utilizando HTML, CSS, JavaScript y Node.js
en la clase Análisis y Diseño de Interfaces de Usuario.</p>
<div class="primary-button">
<a
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Descubra Más</a>
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Descubra
Más</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-6.jpg" data-lightbox="image-2"><img src="../img/project-6.jpg" alt=""></a>
<a href="../img/project-6.jpg" data-lightbox="image-2"><img src="../img/project-6.jpg"
alt=""></a>
<div class="text-content">
<h4>Alternativa al Sitio Web de Batuhan's Bikes con Formulario de Validación</h4>
<p>Creó una empresa de servicios alternativos con formulario de validación de sitio web utilizando HTML, CSS, JavaScript y Node.js
<p>Creó una empresa de servicios alternativos con formulario de validación de sitio web
utilizando HTML, CSS, JavaScript y Node.js
en la clase Análisis y Diseño de Interfaces de Usuario.</p>
<div class="primary-button">
<a
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Descubra Más</a>
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Descubra
Más</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-5.jpg" data-lightbox="image-2"><img src="../img/project-5.jpg" alt=""></a>
<a href="../img/project-5.jpg" data-lightbox="image-2"><img src="../img/project-5.jpg"
alt=""></a>
<div class="text-content">
<h4>Sitio Web de Bicicletas de Batuhan</h4>
<p>Realicé un sitio web de una empresa de servicios utilizando HTML, CSS, JavaScript y Node.js en Análisis y Diseño de Usuario.
Clase de interfaces. Es el sitio web de una empresa de servicios de bicicletas que habla sobre reparaciones de bicicletas.</p>
<p>Realicé un sitio web de una empresa de servicios utilizando HTML, CSS, JavaScript y
Node.js en Análisis y Diseño de Usuario.
Clase de interfaces. Es el sitio web de una empresa de servicios de bicicletas que habla
sobre reparaciones de bicicletas.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Descubra Más</a>
</div>
@ -553,23 +614,28 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-4.jpg" data-lightbox="image-2"><img src="../img/project-4.jpg" alt=""></a>
<a href="../img/project-4.jpg" data-lightbox="image-2"><img src="../img/project-4.jpg"
alt=""></a>
<div class="text-content">
<h4>Alternativa al Sitio Web de Sam's Mart</h4>
<p>Creé un sitio web alternativo para una tienda de comestibles usando HTML, CSS, JavaScript y Node.js en Análisis y
<p>Creé un sitio web alternativo para una tienda de comestibles usando HTML, CSS, JavaScript
y Node.js en Análisis y
Clase de Diseño de Interfaces de Usuario.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website-Alternative/">Descubra Más</a>
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website-Alternative/">Descubra
Más</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-3.jpg" data-lightbox="image-2"><img src="../img/project-3.jpg" alt=""></a>
<a href="../img/project-3.jpg" data-lightbox="image-2"><img src="../img/project-3.jpg"
alt=""></a>
<div class="text-content">
<h4>Sitio Web de Sam's Mart</h4>
<p>Realicé un sitio web de tienda de comestibles usando HTML, CSS, JavaScript y Node.js en Análisis y Diseño de Usuario.
<p>Realicé un sitio web de tienda de comestibles usando HTML, CSS, JavaScript y Node.js en
Análisis y Diseño de Usuario.
Clase de interfaces.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website/">Descubra Más</a>
@ -579,14 +645,17 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-2.jpg" data-lightbox="image-2"><img src="../img/project-2.jpg" alt=""></a>
<a href="../img/project-2.jpg" data-lightbox="image-2"><img src="../img/project-2.jpg"
alt=""></a>
<div class="text-content">
<h4>Cuestionario de la Alternativa del Sitio Web UI/UX de Facebook con Función de Análisis</h4>
<p>Realicé una encuesta alternativa en Facebook con función de análisis del sitio web utilizando HTML, CSS, JavaScript y Node.js
<h4>Cuestionario de la Alternativa del Sitio Web UI/UX de Facebook con Función de Análisis
</h4>
<p>Realicé una encuesta alternativa en Facebook con función de análisis del sitio web
utilizando HTML, CSS, JavaScript y Node.js
en la clase Análisis y Diseño de Interfaces de Usuario.</p>
<div class="primary-button">
<a
href="https://git.batuhan.basoglu.co/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Descubra
href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Descubra
Más</a>
</div>
</div>
@ -594,26 +663,33 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-1.jpg" data-lightbox="image-2"><img src="../img/project-1.jpg" alt=""></a>
<a href="../img/project-1.jpg" data-lightbox="image-2"><img src="../img/project-1.jpg"
alt=""></a>
<div class="text-content">
<h4>Cuestionario de la Alternativa del Sitio Web UI/UX de Facebook</h4>
<p>Realicé un sitio web de encuestas en Facebook utilizando HTML, CSS, JavaScript y Node.js en Análisis y Diseño de Usuario
Clase de interfaces. Este es un sitio web que hace preguntas sobre la interfaz de usuario de Facebook.
<p>Realicé un sitio web de encuestas en Facebook utilizando HTML, CSS, JavaScript y Node.js
en Análisis y Diseño de Usuario
Clase de interfaces. Este es un sitio web que hace preguntas sobre la interfaz de usuario
de Facebook.
con botón de enviar para enviar las respuestas.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Descubra Más</a>
<a
href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Descubra
Más</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-14.jpg" data-lightbox="image-2"><img src="../img/project-14.jpg" alt=""></a>
<a href="../img/project-14.jpg" data-lightbox="image-2"><img src="../img/project-14.jpg"
alt=""></a>
<div class="text-content">
<h4>Mi Sitio Web</h4>
<p>Este mismo sitio web que hice con HTML, CSS y JavaScript.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Batuhan-Basoglu-Website">Descubra Más</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Batuhan-Basoglu-Website">Descubra
Más</a>
</div>
</div>
</div>
@ -644,11 +720,12 @@
<!-- slide 1 -->
<div class="slide">
<a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img src="../img/UOttawa_Diploma.jpg"
alt="" /></a>
<a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img
src="../img/UOttawa_Diploma.jpg" alt="" /></a>
<div class="text-content">
<h4>Licenciatura en Ingeniería Informática de la Universidad de Ottawa</h4>
<p>Licenciatura en Ciencias Aplicadas en Ingeniería Informática. 4 años de Ingeniería Informática
<p>Licenciatura en Ciencias Aplicadas en Ingeniería Informática. 4 años de Ingeniería
Informática
programa, graduado el 7 de junio de 2021.</p>
</div>
</div>
@ -659,7 +736,8 @@
src="../img/ironring-certificate-sm.jpg" alt="" /></a>
<div class="text-content">
<h4>El Ritual de la Vocación de Ingeniero</h4>
<p>Declaración oficial del ingeniero de Seven Wardens Inc. Un documento vinculante que declara la
<p>Declaración oficial del ingeniero de Seven Wardens Inc. Un documento vinculante que declara
la
integridad del Ingeniero. Recibido el 13 de junio de 2021.</p>
</div>
</div>
@ -670,7 +748,8 @@
src="../img/horizons-certificate.jpg" alt="" /></a>
<div class="text-content">
<h4>El Programa de Desarrollo Profesional Horizons</h4>
<p>Programa de desarrollo profesional para mejorar las conexiones profesionales mediante el uso de
<p>Programa de desarrollo profesional para mejorar las conexiones profesionales mediante el
uso de
recursos profesionales. Recibido el 26 de abril de 2021.</p>
</div>
</div>
@ -750,4 +829,4 @@
<script src="../js/main.js"></script>
</body>
</html>
</html>

288
fr/index.html
View file

@ -25,7 +25,7 @@
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<nav class="nav">
<div class="burger">
<div class="burger__patty"></div>
@ -62,15 +62,12 @@
</button>
<div class="dropdown-content">
<a href="../index.html">
<img src="../img/en.png"
width="20" height="15"> English</a>
<a href="../es/index.html">
<img src="../img/es.png"
width="20" height="15"> Español</a>
<a href="../tr/index.html">
<img src="../img/tr.png"
width="20" height="15"> Türkçe</a>
<a href="../index.html">
<img src="../img/en.png" width="20" height="15"> English</a>
<a href="../es/index.html">
<img src="../img/es.png" width="20" height="15"> Español</a>
<a href="../tr/index.html">
<img src="../img/tr.png" width="20" height="15"> Türkçe</a>
</div>
</div>
@ -89,10 +86,13 @@
<div class="home-box-content">
<div class="left-text">
<h4>À Propos de Moi</h4>
<p>Développeur logiciel motivé avec une connaissance approfondie du développement, de la conception et du codage Web,
ainsi qu'une expérience dans un large éventail de langages de programmation, de frameworks et d'outils. Succès avéré
dans le développement et le déploiement d'applications, de sites Web et de services Web. Très organisé et soucieux du détail,
avec le don de trouver des solutions créatives à des problèmes difficiles.
<p>Développeur logiciel motivé avec une connaissance approfondie du développement, de la
conception et du codage Web,
ainsi qu'une expérience dans un large éventail de langages de programmation, de frameworks et
d'outils. Succès avéré
dans le développement et le déploiement d'applications, de sites Web et de services Web. Très
organisé et soucieux du détail,
avec le don de trouver des solutions créatives à des problèmes difficiles.
</p>
<div class="primary-button">
<a href="../resume/CV_Batuhan_fr.pdf">Téléchargez le CV</a>
@ -132,31 +132,38 @@
<h4>Général</h4>
<ul class="fa-ul">
<li>
<i class="fa-brands fa-git-alt"></i> <a href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Projets</a>
<i class="fa-brands fa-git-alt"></i> <a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Projets</a>
</li>
<li>
<i class="fa-brands fa-wordpress"></i> <a href="https://blog.batuhan.basoglu.ca/index.php/fr/">Blog</a>
<i class="fa-brands fa-wordpress"></i> <a
href="https://blog.batuhan.basoglu.ca/index.php/fr/">Blog</a>
</li>
<li>
<i class="fa-brands fa-x-twitter"></i> <a href="https://x.com/batuhanbbasoglu">X</a>
</li>
<li>
<i class="fa-brands fa-youtube"></i> <a href="https://www.youtube.com/@batuhan-basoglu">YouTube</a>
<i class="fa-brands fa-youtube"></i> <a
href="https://www.youtube.com/@batuhan-basoglu">YouTube</a>
</li>
<li>
<i class="fa-brands fa-linkedin"></i> <a href="https://www.linkedin.com/in/batuhan-basoglu/?locale=fr_FR">LinkedIn</a>
<i class="fa-brands fa-linkedin"></i> <a
href="https://www.linkedin.com/in/batuhan-basoglu/?locale=fr_FR">LinkedIn</a>
</li>
</ul>
<h4>Contact</h4>
<ul class="fa-ul">
<li>
<i class="fa-solid fa-envelope"></i> <a href="mailto:batuhan@basoglu.ca">E-Mail</a> / <a href="./pgp/f3f2c8e137afb702b55f772a7315eac294fe4f2f.asc">PGP</a>
<i class="fa-solid fa-envelope"></i> <a href="mailto:batuhan@basoglu.ca">E-Mail</a> / <a
href="./pgp/f3f2c8e137afb702b55f772a7315eac294fe4f2f.asc">PGP</a>
</li>
<li>
<i class="fa-brands fa-signal-messenger"></i> <a href="https://signal.me/#eu/9RAzLhHnxljsNpJcGB1ApsDkZojW61tuqEOlquVrvAP5fiFksGVGzpm1cFeYKcu8">Signal</a>
<i class="fa-brands fa-signal-messenger"></i> <a
href="https://signal.me/#eu/9RAzLhHnxljsNpJcGB1ApsDkZojW61tuqEOlquVrvAP5fiFksGVGzpm1cFeYKcu8">Signal</a>
</li>
<li>
<i class="fa-solid fa-share-nodes"></i> <a href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
<i class="fa-solid fa-share-nodes"></i> <a
href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
</li>
</ul>
<h4>Pourboire</h4>
@ -165,7 +172,8 @@
<i class="fa fa-coffee"></i> <a rel="me" href="https://ko-fi.com/batuhanbasoglu">Ko-Fi</a>
</li>
<li>
<i class="fa-solid fa-hand-holding-dollar"></i> <a href="https://liberapay.com/batuhan-basoglu/">Liberapay</a>
<i class="fa-solid fa-hand-holding-dollar"></i> <a
href="https://liberapay.com/batuhan-basoglu/">Liberapay</a>
</li>
</ul>
<div class="primary-button">
@ -284,13 +292,16 @@
<div class="owl-carousel owl-theme projects-container">
<div>
<div class="project-item">
<a href="../img/inovestor.jpg" data-lightbox="image-1"><img src="../img/inovestor.jpg" alt=""></a>
<a href="../img/inovestor.jpg" data-lightbox="image-1"><img src="../img/inovestor.jpg"
alt=""></a>
<div class="text-content">
<h4>Inovestor</h4>
<p>(2021-2024)</p>
<p>Travaillé en tant que développeur full stack, en faisant des sous-contrats pour IBM et RPM Eco.
Collaboré sur des sites web pour VIA Rail Canada et RPM Eco en utilisant
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Typescript, Node,js, Angular, Next.js, React, SQL, MySQL et Microsoft Azure.
<p>Travaillé en tant que développeur full stack, en faisant des sous-contrats pour IBM et
RPM Eco.
Collaboré sur des sites web pour VIA Rail Canada et RPM Eco en utilisant
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Typescript, Node,js, Angular, Next.js,
React, SQL, MySQL et Microsoft Azure.
</p>
<div class="primary-button">
<a href="https://www.inovestor.com/">Visitez le Site Web</a>
@ -305,8 +316,9 @@
<h4>Kargı Building Complex</h4>
<p>(2021-2021)</p>
<p>Travaillé à temps partiel en tant que développeur Web.
Créé un site web publicitaire pour le complexe immobilier Kargı en utilisant
HTML, CSS, TypeScript, JavaScript, Node,js et Angular, recevant d'excellents retours de l'employeur.
Créé un site web publicitaire pour le complexe immobilier Kargı en utilisant
HTML, CSS, TypeScript, JavaScript, Node,js et Angular, recevant d'excellents retours de
l'employeur.
</p>
<div class="primary-button">
<a href="https://kargisitesi.com/">Visitez le Site Web</a>
@ -316,12 +328,14 @@
</div>
<div>
<div class="project-item">
<a href="../img/atelye70.jpg" data-lightbox="image-1"><img src="../img/atelye70.jpg" alt=""></a>
<a href="../img/atelye70.jpg" data-lightbox="image-1"><img src="../img/atelye70.jpg"
alt=""></a>
<div class="text-content">
<h4>Atelye70</h4>
<p>(2016-2016)</p>
<p>Appris à concevoir des maisons avec Atelye70 grâce à un stage.
Acquis une expérience avec AutoCAD et appris les principes fondamentaux de la conception architecturale.
Acquis une expérience avec AutoCAD et appris les principes fondamentaux de la conception
architecturale.
</p>
<div class="primary-button">
<a href="https://atelye70.com/">Visitez le Site Web</a>
@ -354,11 +368,14 @@
<div class="owl-carousel owl-theme projects-container">
<div>
<div class="project-item">
<a href="../img/project-17.jpg" data-lightbox="image-2"><img src="../img/project-17.jpg" alt=""></a>
<a href="../img/project-17.jpg" data-lightbox="image-2"><img src="../img/project-17.jpg"
alt=""></a>
<div class="text-content">
<h4>Site Web de RPM Eco</h4>
<p>Travaillé sur le site Web de RPM Eco dans le cadre d'un contrat avec RPM Eco. Il est réalisé en
C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL et Microsoft Azure. </p>
<p>Travaillé sur le site Web de RPM Eco dans le cadre d'un contrat avec RPM Eco. Il est
réalisé en
C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL et Microsoft
Azure. </p>
<div class="primary-button">
<a href="https://rpm.eco">Découvrez Plus</a>
</div>
@ -367,10 +384,12 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-13.jpg" data-lightbox="image-2"><img src="../img/project-13.jpg" alt=""></a>
<a href="../img/project-13.jpg" data-lightbox="image-2"><img src="../img/project-13.jpg"
alt=""></a>
<div class="text-content">
<h4>Site Web de VIA Rail Canada</h4>
<p>Travaillé sur le site Web de VIA Rail Canada dans le cadre d'un contrat avec IBM. Il est réalisé en
<p>Travaillé sur le site Web de VIA Rail Canada dans le cadre d'un contrat avec IBM. Il est
réalisé en
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular et Microsoft Azure. </p>
<div class="primary-button">
<a href="https://reservia.viarail.ca">Découvrez Plus</a>
@ -380,59 +399,77 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-18.jpg" data-lightbox="image-2"><img src="../img/project-18.jpg" alt=""></a>
<a href="../img/project-18.jpg" data-lightbox="image-2"><img src="../img/project-18.jpg"
alt=""></a>
<div class="text-content">
<h4>Un Site de Shopping Cool</h4>
<p>Créé un site de shopping qui est semblable à Amazon. Les utilisateurs peuvent ajouter et/ou supprimer
les articles qu'ils souhaitent en utilisant leur propre compte. Il a été conçu avec PHP, CSS, JavaScript, SQL et MySQL.</p>
<p>Créé un site de shopping qui est semblable à Amazon. Les utilisateurs peuvent ajouter
et/ou supprimer
les articles qu'ils souhaitent en utilisant leur propre compte. Il a été conçu avec PHP,
CSS, JavaScript, SQL et MySQL.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Cool-Shopping-Site">Découvrez Plus</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Cool-Shopping-Site">Découvrez
Plus</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-20.jpg" data-lightbox="image-2"><img src="../img/project-20.jpg" alt=""></a>
<a href="../img/project-20.jpg" data-lightbox="image-2"><img src="../img/project-20.jpg"
alt=""></a>
<div class="text-content">
<h4>.NET Web API avec Angular</h4>
<p>Créé une API Web .NET comme back-end et utilisé Angular comme front-end pour récupérer une API à partir d'un lien à l'aide de l'API REST.
<p>Créé une API Web .NET comme back-end et utilisé Angular comme front-end pour récupérer
une API à partir d'un lien à l'aide de l'API REST.
Il est réalisé en utilisant C#, .NET, HTML, CSS, TypeScript, Node,js et Angular.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/NET-Web-API-w-Angular">Découvrez Plus</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/NET-Web-API-w-Angular">Découvrez
Plus</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-19.jpg" data-lightbox="image-2"><img src="../img/project-19.jpg" alt=""></a>
<a href="../img/project-19.jpg" data-lightbox="image-2"><img src="../img/project-19.jpg"
alt=""></a>
<div class="text-content">
<h4>Mon Service d'Hébergement Git</h4>
<p>Un site web d'hébergement git auto-hébergé est hébergé sur un serveur Ubuntu Linux via Oracle. Il est configuré
<p>Un site web d'hébergement git auto-hébergé est hébergé sur un serveur Ubuntu Linux via
Oracle. Il est configuré
avec Forgejo qui est un fork de Gitea. Il est réalisé en Go, Javascript, Roff et CSS. </p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/">Découvrez Plus</a>
<a href="https://git.batuhan.basoglu.ca/">Découvrez Plus</a>
</div>
</div>
</div>
</div>arcticclou
<p>Un blog WordPress auto-hébergé est hébergé sur un serveur Ubuntu Linux via Oracle. Il est configuré
</div>
<div>
<div class="project-item">
<a href="../img/project-16.jpg" data-lightbox="image-2"><img src="../img/project-16.jpg"
alt=""></a>
<div class="text-content">
<h4>Mon Blog WordPress</h4>
<p>Un blog WordPress auto-hébergé est hébergé sur un serveur Ubuntu Linux via Oracle. Il est
configuré
avec Activity Pub pour vous connecter avec d'autres réseaux sociaux fédérés.
WordPress est réalisé en PHP, JavaScript, HTML et CSS.</p>
<div class="primary-button">
<a href="https://arcticpress.basoglu.co/">Découvrez Plus</a>
<a href="https://blog.batuhan.basoglu.ca/">Découvrez Plus</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-15.jpg" data-lightbox="image-2"><img src="../img/project-15.jpg" alt=""></a>
<a href="../img/project-15.jpg" data-lightbox="image-2"><img src="../img/project-15.jpg"
alt=""></a>
<div class="text-content">
<h4>Mon Stockage Nextcloud</h4>
<p>Un stockage Nextcloud auto-hébergé est hébergé sur un serveur Ubuntu Linux via Oracle. Nextcloud est
réalisé en utilisant PHP, CSS, Javascript, TypeScript, Vue.js, Ruby et Gherkin.</p>
<p>Un stockage Nextcloud auto-hébergé est hébergé sur un serveur Ubuntu Linux via Oracle.
Nextcloud est réalisé en utilisant PHP, CSS, Javascript, TypeScript, Vue.js, Ruby et
Gherkin.</p>
<div class="primary-button">
<a href="https://cloud.batuhan.basoglu.ca">Découvrez Plus</a>
</div>
@ -441,10 +478,13 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-12.jpg" data-lightbox="image-2"><img src="../img/project-12.jpg" alt=""></a>
<a href="../img/project-12.jpg" data-lightbox="image-2"><img src="../img/project-12.jpg"
alt=""></a>
<div class="text-content">
<h4>Site Web du Complexe Immobilier Kargı</h4>
<p>Créé le site Web du complexe de bâtiments Kargi en utilisant HTML, CSS, TypeScript, JavaScript, Node,js et Angular.</p>
<p>Créé le site Web du complexe de bâtiments Kargi en utilisant HTML, CSS, TypeScript,
JavaScript,
Node,js et Angular.</p>
<div class="primary-button">
<a href="https://kargisitesi.com/">Découvrez Plus</a>
</div>
@ -453,119 +493,160 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-11.jpg" data-lightbox="image-2"><img src="../img/project-11.jpg" alt=""></a>
<a href="../img/project-11.jpg" data-lightbox="image-2"><img src="../img/project-11.jpg"
alt=""></a>
<div class="text-content">
<h4>Système de Reconnaissance Faciale Antivol pour Véhicule</h4>
<p>Créé un système de reconnaissance faciale antivol de véhicule en utilisant Python, CMake, JavaScript, Node.js, Roff, Java, HTML et CSS
<p>Créé un système de reconnaissance faciale antivol de véhicule en utilisant Python, CMake,
JavaScript, Node.js, Roff, Java, HTML et CSS
dans le projet de conception en génie informatique. </p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Découvrez Plus</a>
<a
href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Découvrez
Plus</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-10.png" data-lightbox="image-2"><img src="../img/project-10.png" alt=""></a>
<a href="../img/project-10.png" data-lightbox="image-2"><img src="../img/project-10.png"
alt=""></a>
<div class="text-content">
<h4>Demande de Service à Domicile Olympus</h4>
<p>Créé une application d'appareil Android en utilisant Java dans le cours d'introduction au génie logiciel. Il
est une application d'appareil où l'utilisateur peut configurer ses coordonnées et commander un appareil
services depuis le domicile de l’utilisateur. L'application est réalisée sur Android Studio.</p>
<p>Créé une application d'appareil Android en utilisant Java dans le cours d'introduction au
génie
logiciel. Il
est une application d'appareil où l'utilisateur peut configurer ses coordonnées et
commander un
appareil
services depuis le domicile de l’utilisateur. L'application est réalisée sur Android
Studio.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/SEG2105-Olympus-Android-Application">Découvrez Plus</a>
<a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu/SEG2105-Olympus-Android-Application">Découvrez
Plus</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-9.jpg" data-lightbox="image-2"><img src="../img/project-9.jpg" alt=""></a>
<a href="../img/project-9.jpg" data-lightbox="image-2"><img src="../img/project-9.jpg"
alt=""></a>
<div class="text-content">
<h4>Système de Gestion Hôpital-Patient</h4>
<p>Créé un système de gestion hospitalière à l'aide de HTML, JavaScript, Node,js et React dans la conception et l'architecture logicielles
classe. Dans le système de gestion hospitalière, l'utilisateur peut gérer les patients et les affecter à
<p>Créé un système de gestion hospitalière à l'aide de HTML, JavaScript, Node,js et React
dans la
conception et l'architecture logicielles
classe. Dans le système de gestion hospitalière, l'utilisateur peut gérer les patients et
les
affecter à
les employés de l'hôpital où chaque employé effectue des actions différentes.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Hospital-Management-System">Découvrez Plus</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Hospital-Management-System">Découvrez
Plus</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-8.jpg" data-lightbox="image-2"><img src="../img/project-8.jpg" alt=""></a>
<a href="../img/project-8.jpg" data-lightbox="image-2"><img src="../img/project-8.jpg"
alt=""></a>
<div class="text-content">
<h4>Site Web des Berceaux de Ken</h4>
<p>Réalisé un site immobilier en utilisant HTML, CSS, JavaScript, Node,js et React en Analyse et Conception Utilisateur
Classe d'interfaces. C'est un site Web où l'utilisateur peut parcourir les maisons, les rechercher dans Google
<p>Réalisé un site immobilier en utilisant HTML, CSS, JavaScript, Node,js et React en
Analyse et
Conception Utilisateur
Classe d'interfaces. C'est un site Web où l'utilisateur peut parcourir les maisons, les
rechercher dans Google
cartes ou contactez les agents depuis le formulaire de contact.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Kene-s-Cribs-Website">Découvrez Plus</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Kene-s-Cribs-Website">Découvrez
Plus</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-7.jpg" data-lightbox="image-2"><img src="../img/project-7.jpg" alt=""></a>
<a href="../img/project-7.jpg" data-lightbox="image-2"><img src="../img/project-7.jpg"
alt=""></a>
<div class="text-content">
<h4>Alternative au Site Web Batuhan's Bikes avec Service Chatbot</h4>
<p>Créé une société de services alternatifs avec un site Web de service de chatbot en utilisant HTML, CSS, JavaScript et Node.js
<p>Créé une société de services alternatifs avec un site Web de service de chatbot en
utilisant
HTML, CSS, JavaScript et Node.js
dans le cours Analyse et conception d'interfaces utilisateur. </p>
<div class="primary-button">
<a
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Découvrez Plus</a>
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Découvrez
Plus</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-6.jpg" data-lightbox="image-2"><img src="../img/project-6.jpg" alt=""></a>
<a href="../img/project-6.jpg" data-lightbox="image-2"><img src="../img/project-6.jpg"
alt=""></a>
<div class="text-content">
<h4>Alternative au Site Web Batuhan's Bikes avec Formulaire de Validation</h4>
<p>Créé une société de services alternative avec un site Web de formulaire de validation en utilisant HTML, CSS, JavaScript et Node.js
<p>Créé une société de services alternative avec un site Web de formulaire de validation en
utilisant HTML, CSS, JavaScript et Node.js
dans le cours Analyse et conception d'interfaces utilisateur.</p>
<div class="primary-button">
<a
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Découvrez Plus</a>
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Découvrez
Plus</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-5.jpg" data-lightbox="image-2"><img src="../img/project-5.jpg" alt=""></a>
<a href="../img/project-5.jpg" data-lightbox="image-2"><img src="../img/project-5.jpg"
alt=""></a>
<div class="text-content">
<h4>Site Web des Vélos de Batuhan</h4>
<p>Créé un site Web de société de services en utilisant HTML, CSS, JavaScript et Node.js dans l'analyse et la conception de l'utilisateur
Classe d'interfaces. Il s'agit d'un site Web d'entreprise de services de vélos qui parle de réparation de vélos.</p>
<p>Créé un site Web de société de services en utilisant HTML, CSS, JavaScript et Node.js
dans
l'analyse et la conception de l'utilisateur
Classe d'interfaces. Il s'agit d'un site Web d'entreprise de services de vélos qui parle
de
réparation de vélos.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Découvrez Plus</a>
<a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Découvrez
Plus</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-4.jpg" data-lightbox="image-2"><img src="../img/project-4.jpg" alt=""></a>
<a href="../img/project-4.jpg" data-lightbox="image-2"><img src="../img/project-4.jpg"
alt=""></a>
<div class="text-content">
<h4>Alternative au Site Web de Sam's Mart</h4>
<p>Créé un site Web d'épicerie alternatif en utilisant HTML, CSS, JavaScript et Node.js dans Analysis et
<p>Créé un site Web d'épicerie alternatif en utilisant HTML, CSS, JavaScript et Node.js dans
Analysis et
Cours de conception d'interfaces utilisateur.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website-Alternative/">Découvrez Plus</a>
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website-Alternative/">Découvrez
Plus</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-3.jpg" data-lightbox="image-2"><img src="../img/project-3.jpg" alt=""></a>
<a href="../img/project-3.jpg" data-lightbox="image-2"><img src="../img/project-3.jpg"
alt=""></a>
<div class="text-content">
<h4>Site Web de Sam's Mart</h4>
<p>Créé un site Web d'épicerie en utilisant HTML, CSS, JavaScript et Node.js en analyse et conception utilisateur
<p>Créé un site Web d'épicerie en utilisant HTML, CSS, JavaScript et Node.js en analyse et
conception utilisateur
Classe d'interfaces.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website/">Découvrez Plus</a>
@ -575,14 +656,17 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-2.jpg" data-lightbox="image-2"><img src="../img/project-2.jpg" alt=""></a>
<a href="../img/project-2.jpg" data-lightbox="image-2"><img src="../img/project-2.jpg"
alt=""></a>
<div class="text-content">
<h4>Questionnaire de l'Alternative au Site Web Facebook UI/UX avec Fonction d'Analyse</h4>
<p>Réalisé une enquête Facebook alternative avec fonction d'analyse du site Web en utilisant HTML, CSS, JavaScript et Node.js
<p>Réalisé une enquête Facebook alternative avec fonction d'analyse du site Web en utilisant
HTML,
CSS, JavaScript et Node.js
dans le cours Analyse et Conception d'Interfaces Utilisateurs.</p>
<div class="primary-button">
<a
href="https://git.batuhan.basoglu.co/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Découvrez
href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Découvrez
Plus</a>
</div>
</div>
@ -590,14 +674,19 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-1.jpg" data-lightbox="image-2"><img src="../img/project-1.jpg" alt=""></a>
<a href="../img/project-1.jpg" data-lightbox="image-2"><img src="../img/project-1.jpg"
alt=""></a>
<div class="text-content">
<h4>Questionnaire du Site Facebook UI/UX</h4>
<p>Réalisé un site Web d'enquête Facebook en utilisant HTML, CSS, JavaScript et Node.js dans l'analyse et la conception de l'utilisateur
Classe d'interfaces. Il s'agit d'un site Web qui pose des questions sur l'interface utilisateur de Facebook
<p>Réalisé un site Web d'enquête Facebook en utilisant HTML, CSS, JavaScript et Node.js dans
l'analyse et la conception de l'utilisateur
Classe d'interfaces. Il s'agit d'un site Web qui pose des questions sur l'interface
utilisateur
de Facebook
avec le bouton Soumettre pour envoyer les réponses.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Découvrez
<a
href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Découvrez
Plus</a>
</div>
</div>
@ -605,12 +694,13 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-14.jpg" data-lightbox="image-2"><img src="../img/project-14.jpg" alt=""></a>
<a href="../img/project-14.jpg" data-lightbox="image-2"><img src="../img/project-14.jpg"
alt=""></a>
<div class="text-content">
<h4>Mon Site Web</h4>
<p>Ce même site Web que j'ai réalisé avec HTML, CSS et Javascript.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Batuhan-Basoglu-Website">Découvrez
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Batuhan-Basoglu-Website">Découvrez
Plus</a>
</div>
</div>
@ -642,8 +732,8 @@
<!-- slide 1 -->
<div class="slide">
<a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img src="../img/UOttawa_Diploma.jpg"
alt="" /></a>
<a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img
src="../img/UOttawa_Diploma.jpg" alt="" /></a>
<div class="text-content">
<h4>Diplôme en Génie Informatique de l'Université d'Ottawa</h4>
<p>Baccalauréat en sciences appliquées en génie informatique. 4 ans d'ingénierie informatique
@ -657,7 +747,8 @@
src="../img/ironring-certificate-sm.jpg" alt="" /></a>
<div class="text-content">
<h4>Le Rituel de l'Appel d'Ingénieur</h4>
<p>Déclaration officielle de l'ingénieur par Seven Wardens Inc. Un document exécutoire qui déclare le
<p>Déclaration officielle de l'ingénieur par Seven Wardens Inc. Un document exécutoire qui
déclare le
l'intégrité de l'Ingénieur. Reçu le 13 juin 2021.</p>
</div>
</div>
@ -668,7 +759,8 @@
src="../img/horizons-certificate.jpg" alt="" /></a>
<div class="text-content">
<h4>Le Programme de Développement Professionnel Horizons</h4>
<p>Programme de développement de carrière visant à améliorer les relations professionnelles grâce à l'utilisation de
<p>Programme de développement de carrière visant à améliorer les relations professionnelles
grâce à l'utilisation de
ressources professionnelles. Reçu le 26 avril 2021.</p>
</div>
</div>
@ -748,4 +840,4 @@
<script src="../js/main.js"></script>
</body>
</html>
</html>

164
index.html
View file

@ -25,7 +25,7 @@
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<nav class="nav">
<div class="burger">
<div class="burger__patty"></div>
@ -55,23 +55,20 @@
</li>
</ul>
</nav>
<div class="dropdown">
<button class="dropbtn">
<div class="dropdown">
<button class="dropbtn">
<img src="img/en.png" width="20" height="15"> English
</button>
<div class="dropdown-content">
<a href="/fr/index.html">
<img src="img/fr.png"
width="20" height="15"> Français</a>
<a href="/es/index.html">
<img src="img/es.png"
width="20" height="15"> Español</a>
<a href="/tr/index.html">
<img src="img/tr.png"
width="20" height="15"> Türkçe</a>
</div>
</button>
<div class="dropdown-content">
<a href="/fr/index.html">
<img src="img/fr.png" width="20" height="15"> Français</a>
<a href="/es/index.html">
<img src="img/es.png" width="20" height="15"> Español</a>
<a href="/tr/index.html">
<img src="img/tr.png" width="20" height="15"> Türkçe</a>
</div>
</div>
<section class="panel b-blue" id="home">
@ -89,10 +86,13 @@
<div class="home-box-content">
<div class="left-text">
<h4>About Me</h4>
<p>Motivated Software Developer with an extensive knowledge of web development, design, and coding,
as well as experience in a wide range of programming languages, frameworks, and tools. Proven success
in developing and deploying applications, websites, and web services. Highly organized and detail-oriented,
with a knack for finding creative solutions to challenging problems.
<p>Motivated Software Developer with an extensive knowledge of web development, design, and
coding,
as well as experience in a wide range of programming languages, frameworks, and tools. Proven
success
in developing and deploying applications, websites, and web services. Highly organized and
detail-oriented,
with a knack for finding creative solutions to challenging problems.
</p>
<div class="primary-button">
<a href="resume/CV_Batuhan.pdf">Download Resume</a>
@ -132,7 +132,8 @@
<h4>General</h4>
<ul class="fa-ul">
<li>
<i class="fa-brands fa-git-alt"></i> <a href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Projects</a>
<i class="fa-brands fa-git-alt"></i> <a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Projects</a>
</li>
<li>
<i class="fa-brands fa-wordpress"></i> <a href="https://blog.batuhan.basoglu.ca/">Blog</a>
@ -141,22 +142,27 @@
<i class="fa-brands fa-x-twitter"></i> <a href="https://x.com/batuhanbbasoglu">X</a>
</li>
<li>
<i class="fa-brands fa-youtube"></i> <a href="https://www.youtube.com/@batuhan-basoglu">YouTube</a>
<i class="fa-brands fa-youtube"></i> <a
href="https://www.youtube.com/@batuhan-basoglu">YouTube</a>
</li>
<li>
<i class="fa-brands fa-linkedin"></i> <a href="https://www.linkedin.com/in/batuhan-basoglu/">LinkedIn</a>
<i class="fa-brands fa-linkedin"></i> <a
href="https://www.linkedin.com/in/batuhan-basoglu/">LinkedIn</a>
</li>
</ul>
<h4>Contact</h4>
<ul class="fa-ul">
<li>
<i class="fa-solid fa-envelope"></i> <a href="mailto:batuhan@basoglu.ca">E-Mail</a> / <a href="./pgp/f3f2c8e137afb702b55f772a7315eac294fe4f2f.asc">PGP</a>
<i class="fa-solid fa-envelope"></i> <a href="mailto:batuhan@basoglu.ca">E-Mail</a> / <a
href="./pgp/f3f2c8e137afb702b55f772a7315eac294fe4f2f.asc">PGP</a>
</li>
<li>
<i class="fa-brands fa-signal-messenger"></i> <a href="https://signal.me/#eu/9RAzLhHnxljsNpJcGB1ApsDkZojW61tuqEOlquVrvAP5fiFksGVGzpm1cFeYKcu8">Signal</a>
<i class="fa-brands fa-signal-messenger"></i> <a
href="https://signal.me/#eu/9RAzLhHnxljsNpJcGB1ApsDkZojW61tuqEOlquVrvAP5fiFksGVGzpm1cFeYKcu8">Signal</a>
</li>
<li>
<i class="fa-solid fa-share-nodes"></i> <a href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
<i class="fa-solid fa-share-nodes"></i> <a
href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
</li>
</ul>
<h4>Tipping</h4>
@ -165,7 +171,8 @@
<i class="fa fa-coffee"></i> <a rel="me" href="https://ko-fi.com/batuhanbasoglu">Ko-Fi</a>
</li>
<li>
<i class="fa-solid fa-hand-holding-dollar"></i> <a href="https://liberapay.com/batuhan-basoglu/">Liberapay</a>
<i class="fa-solid fa-hand-holding-dollar"></i> <a
href="https://liberapay.com/batuhan-basoglu/">Liberapay</a>
</li>
</ul>
<div class="primary-button">
@ -275,7 +282,16 @@
<div class="owl-carousel owl-theme projects-container">
<div>
<div class="project-item">
<a href="img/inovestorbatuhan.basoglu.caww.inovestor.com/">Visit Website</a>
<a href="img/inovestor.jpg" data-lightbox="image-1"><img src="img/inovestor.jpg" alt=""></a>
<div class="text-content">
<h4>Inovestor</h4>
<p>(2021-2024)</p>
<p> Worked as a full stack developer, doing sub-contracts for IBM and RPM Eco.
Collaborated on websites for VIA Rail Canada and RPM Eco using C#, .NET, ASP.NET, IIS,
HTML, CSS, JavaScript, Typescript, Node,js, Angular, Next.js, React, SQL, MySQL and
Microsoft Azure.</p>
<div class="primary-button">
<a href="https://www.inovestor.com/">Visit Website</a>
</div>
</div>
</div>
@ -286,7 +302,8 @@
<div class="text-content">
<h4>Kargı Building Complex</h4>
<p>(2021-2021)</p>
<p>Worked part-time as web developer. Created an advertising website from scratch for the Kargı Building Complex using HTML, CSS, TypeScript, JavaScript, Node,js and Angular </p>
<p>Worked part-time as web developer. Created an advertising website from scratch for the
Kargı Building Complex using HTML, CSS, TypeScript, JavaScript, Node,js and Angular </p>
<div class="primary-button">
<a href="https://kargisitesi.com/">Visit Website</a>
</div>
@ -299,8 +316,9 @@
<div class="text-content">
<h4>Atelye70</h4>
<p>(2016-2016)</p>
<p>Learned how to design houses with Atelye70 through an internship.
Gained experience with AutoCAD and learned fundamental principles of architectural design.</p>
<p>Learned how to design houses with Atelye70 through an internship.
Gained experience with AutoCAD and learned fundamental principles of architectural design.
</p>
<div class="primary-button">
<a href="https://atelye70.com/">Visit Website</a>
</div>
@ -335,8 +353,9 @@
<a href="img/project-17.jpg" data-lightbox="image-2"><img src="img/project-17.jpg" alt=""></a>
<div class="text-content">
<h4>RPM Eco's Website</h4>
<p>Worked on RPM Eco’s Website through a contract with RPM Eco.
It is made using C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL and Microsoft Azure. </p>
<p>Worked on RPM Eco’s Website through a contract with RPM Eco.
It is made using C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL
and Microsoft Azure. </p>
<div class="primary-button">
<a href="https://rpm.eco">Discover More</a>
</div>
@ -348,8 +367,9 @@
<a href="img/project-13.jpg" data-lightbox="image-2"><img src="img/project-13.jpg" alt=""></a>
<div class="text-content">
<h4>VIA Rail Canada's Website</h4>
<p>Worked on VIA Rail Canada’s Website through a contract with IBM.
It is made using C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular and Microsoft Azure. </p>
<p>Worked on VIA Rail Canada’s Website through a contract with IBM.
It is made using C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular and
Microsoft Azure. </p>
<div class="primary-button">
<a href="https://reservia.viarail.ca">Discover More</a>
</div>
@ -361,10 +381,12 @@
<a href="img/project-18.jpg" data-lightbox="image-2"><img src="img/project-18.jpg" alt=""></a>
<div class="text-content">
<h4>Cool Shopping Site</h4>
<p>Created a shopping site which is like Amazon. User can add and/or delete items they would like using their own account.
<p>Created a shopping site which is like Amazon. User can add and/or delete items they would
like using their own account.
It is made using PHP, CSS, JavaScript, SQL and MySQL.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Cool-Shopping-Site">Discover More</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Cool-Shopping-Site">Discover
More</a>
</div>
</div>
</div>
@ -374,10 +396,12 @@
<a href="img/project-20.jpg" data-lightbox="image-2"><img src="img/project-20.jpg" alt=""></a>
<div class="text-content">
<h4>.NET Web API with Angular</h4>
<p>I created a .NET Web API as back-end and used Angular as front-end to retrieve an API from a link using REST API.
<p>I created a .NET Web API as back-end and used Angular as front-end to retrieve an API
from a link using REST API.
It is made using C#, .NET, HTML, CSS, TypeScript, Node,js and Angular. </p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/NET-Web-API-w-Angular">Discover More</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/NET-Web-API-w-Angular">Discover
More</a>
</div>
</div>
</div>
@ -387,10 +411,11 @@
<a href="img/project-19.jpg" data-lightbox="image-2"><img src="img/project-19.jpg" alt=""></a>
<div class="text-content">
<h4>My Git Hosting Service</h4>
<p>A self-hosted git hosting website hosted in a Ubuntu Linux server via Oracle. It is configured
<p>A self-hosted git hosting website hosted in a Ubuntu Linux server via Oracle. It is
configured
with Forgejo which is a fork of Gitea. It is made using Go, Javascript, Roff and CSS. </p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/">Discover More</a>
<a href="https://git.batuhan.basoglu.ca/">Discover More</a>
</div>
</div>
</div>
@ -404,7 +429,7 @@
with Activity Pub to connect with other federated social networks.
WordPress is made using PHP, JavaScript, HTML and CSS.</p>
<div class="primary-button">
<a href="https://arcticpress.basoglu.co/">Discover More</a>
<a href="https://blog.batuhan.basoglu.ca/">Discover More</a>
</div>
</div>
</div>
@ -427,7 +452,8 @@
<a href="img/project-12.jpg" data-lightbox="image-2"><img src="img/project-12.jpg" alt=""></a>
<div class="text-content">
<h4>Kargı Building Complex's Website</h4>
<p>Built Kargı Building Complex’s Website using HTML, CSS, TypeScript, JavaScript, Node,js and Angular. </p>
<p>Built Kargı Building Complex’s Website using HTML, CSS, TypeScript, JavaScript, Node,js
and Angular. </p>
<div class="primary-button">
<a href="https://kargisitesi.com/">Discover More</a>
</div>
@ -439,10 +465,13 @@
<a href="img/project-11.jpg" data-lightbox="image-2"><img src="img/project-11.jpg" alt=""></a>
<div class="text-content">
<h4>Vehicle Anti-Theft Face Recognition System</h4>
<p>Made a Vehicle Anti-Theft Face Recognition System using Python, CMake, JavaScript, Node.js, Roff, Java, HTML and CSS in
<p>Made a Vehicle Anti-Theft Face Recognition System using Python, CMake, JavaScript,
Node.js, Roff, Java, HTML and CSS in
Computer Engineering Design Project. </p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Discover More</a>
<a
href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Discover
More</a>
</div>
</div>
</div>
@ -456,7 +485,8 @@
is an appliance application where user can set up his/her details and order appliance
services from user’s home. App is made on the Android Studio.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/SEG2105-Olympus-Android-Application">Discover
<a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu/SEG2105-Olympus-Android-Application">Discover
More</a>
</div>
</div>
@ -467,11 +497,13 @@
<a href="img/project-9.jpg" data-lightbox="image-2"><img src="img/project-9.jpg" alt=""></a>
<div class="text-content">
<h4>Hospital-Patient Management System</h4>
<p>Made a Hospital Management System using HTML, JavaScript, Node,js and React in Software Design and Architecture
<p>Made a Hospital Management System using HTML, JavaScript, Node,js and React in Software
Design and Architecture
class. In the Hospital Management System, user can manage the patients and assign them to
the hospital employees where each employee makes different actions.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Hospital-Management-System">Discover More</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Hospital-Management-System">Discover
More</a>
</div>
</div>
</div>
@ -481,11 +513,13 @@
<a href="img/project-8.jpg" data-lightbox="image-2"><img src="img/project-8.jpg" alt=""></a>
<div class="text-content">
<h4>Kene's Cribs Website</h4>
<p>Made a real estate website using HTML, CSS, JavaScript, Node,js and React in Analysis and Design of User
<p>Made a real estate website using HTML, CSS, JavaScript, Node,js and React in Analysis and
Design of User
Interfaces class. It is a website where user can browse the houses, search them in google
maps or contact the agents from the contact form.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Kene-s-Cribs-Website">Discover More</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Kene-s-Cribs-Website">Discover
More</a>
</div>
</div>
</div>
@ -495,7 +529,8 @@
<a href="img/project-7.jpg" data-lightbox="image-2"><img src="img/project-7.jpg" alt=""></a>
<div class="text-content">
<h4>Batuhan's Bikes Website Alternative with Chatbot Service</h4>
<p>Made an alternative service company with chatbot service website using HTML, CSS, JavaScript and Node.js in
<p>Made an alternative service company with chatbot service website using HTML, CSS,
JavaScript and Node.js in
Analysis and Design of User Interfaces class. </p>
<div class="primary-button">
<a
@ -510,7 +545,8 @@
<a href="img/project-6.jpg" data-lightbox="image-2"><img src="img/project-6.jpg" alt=""></a>
<div class="text-content">
<h4>Batuhan's Bikes Website Alternative with Validating Form</h4>
<p>Made an alternative service company with validating form website using HTML, CSS, JavaScript and Node.js in
<p>Made an alternative service company with validating form website using HTML, CSS,
JavaScript and Node.js in
Analysis and Design of User Interfaces class.</p>
<div class="primary-button">
<a
@ -525,7 +561,8 @@
<a href="img/project-5.jpg" data-lightbox="image-2"><img src="img/project-5.jpg" alt=""></a>
<div class="text-content">
<h4>Batuhan's Bikes Website</h4>
<p>Made a service company website using HTML, CSS, JavaScript and Node.js in Analysis and Design of User
<p>Made a service company website using HTML, CSS, JavaScript and Node.js in Analysis and
Design of User
Interfaces class. It is a bike service company website which talks about bike repairs.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Discover More</a>
@ -538,7 +575,8 @@
<a href="img/project-4.jpg" data-lightbox="image-2"><img src="img/project-4.jpg" alt=""></a>
<div class="text-content">
<h4>Sam's Mart Website Alternative</h4>
<p>Made an alternative grocery store website using HTML, CSS, JavaScript and Node.js in Analysis and
<p>Made an alternative grocery store website using HTML, CSS, JavaScript and Node.js in
Analysis and
Design of User Interfaces class.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website-Alternative/">Discover
@ -552,7 +590,8 @@
<a href="img/project-3.jpg" data-lightbox="image-2"><img src="img/project-3.jpg" alt=""></a>
<div class="text-content">
<h4>Sam's Mart Website</h4>
<p>Made a grocery store website using HTML, CSS, JavaScript and Node.js in Analysis and Design of User
<p>Made a grocery store website using HTML, CSS, JavaScript and Node.js in Analysis and
Design of User
Interfaces class. </p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website/">Discover More</a>
@ -565,11 +604,12 @@
<a href="img/project-2.jpg" data-lightbox="image-2"><img src="img/project-2.jpg" alt=""></a>
<div class="text-content">
<h4>Questionnaire of the Facebook UI/UX Website Alternative with Analysis Function</h4>
<p>Made an alternative Facebook survey with analysis function website using HTML, CSS, JavaScript and Node.js in
<p>Made an alternative Facebook survey with analysis function website using HTML, CSS,
JavaScript and Node.js in
Analysis and Design of User Interfaces class.</p>
<div class="primary-button">
<a
href="https://git.batuhan.basoglu.co/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Discover
href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Discover
More</a>
</div>
</div>
@ -580,11 +620,13 @@
<a href="img/project-1.jpg" data-lightbox="image-2"><img src="img/project-1.jpg" alt=""></a>
<div class="text-content">
<h4>Questionnaire of the Facebook UI/UX Website</h4>
<p>Made a Facebook survey Website using HTML, CSS, JavaScript and Node.js in Analysis and Design of User
<p>Made a Facebook survey Website using HTML, CSS, JavaScript and Node.js in Analysis and
Design of User
Interfaces class. This is a website that asks questions about the Facebook user interface
with submit button to send the answers.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Discover
<a
href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Discover
More</a>
</div>
</div>
@ -597,7 +639,7 @@
<h4>My Website</h4>
<p>This very website that I made with HTML, CSS and JavaScript.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Batuhan-Basoglu-Website">Discover
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Batuhan-Basoglu-Website">Discover
More</a>
</div>
</div>

330
tr/index.html
View file

@ -25,7 +25,7 @@
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<nav class="nav">
<div class="burger">
<div class="burger__patty"></div>
@ -62,15 +62,12 @@
</button>
<div class="dropdown-content">
<a href="../index.html">
<img src="../img/en.png"
width="20" height="15"> English</a>
<a href="../fr/index.html">
<img src="../img/fr.png"
width="20" height="15"> Français</a>
<a href="../es/index.html">
<img src="../img/es.png"
width="20" height="15"> Español</a>
<a href="../index.html">
<img src="../img/en.png" width="20" height="15"> English</a>
<a href="../fr/index.html">
<img src="../img/fr.png" width="20" height="15"> Français</a>
<a href="../es/index.html">
<img src="../img/es.png" width="20" height="15"> Español</a>
</div>
</div>
@ -89,9 +86,12 @@
<div class="home-box-content">
<div class="left-text">
<h4>Hakkımda</h4>
<p>İnternet geliştirme, tasarım ve kodlama konularında geniş bilgiye sahip, motive olmuş bir Yazılım Geliştiricisi. Geniş bir programlama
dili, çerçeve ve araç yelpazesinde deneyime sahip. Uygulamalar, web siteleri ve web hizmetleri geliştirme ve dağıtma konusundaki
başarıları kanıtlanmış bir birey. Son derece organize ve ayrıntılara özen gösteren, zorlu problemler için yaratıcı çözümler bulma
<p>İnternet geliştirme, tasarım ve kodlama konularında geniş bilgiye sahip, motive olmuş bir
Yazılım Geliştiricisi. Geniş bir programlama
dili, çerçeve ve araç yelpazesinde deneyime sahip. Uygulamalar, web siteleri ve web hizmetleri
geliştirme ve dağıtma konusundaki
başarıları kanıtlanmış bir birey. Son derece organize ve ayrıntılara özen gösteren, zorlu
problemler için yaratıcı çözümler bulma
yeteneğine sahip bir programcı.
</p>
<div class="primary-button">
@ -132,31 +132,38 @@
<h4>Genel</h4>
<ul class="fa-ul">
<li>
<i class="fa-brands fa-git-alt"></i> <a href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Projeler</a>
<i class="fa-brands fa-git-alt"></i> <a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu">Projeler</a>
</li>
<li>
<i class="fa-brands fa-wordpress"></i> <a href="https://blog.batuhan.basoglu.ca/index.php/tr/">Blog</a>
<i class="fa-brands fa-wordpress"></i> <a
href="https://blog.batuhan.basoglu.ca/index.php/tr/">Blog</a>
</li>
<li>
<i class="fa-brands fa-x-twitter"></i> <a href="https://x.com/batuhanbbasoglu">X</a>
</li>
<li>
<i class="fa-brands fa-youtube"></i> <a href="https://www.youtube.com/@batuhan-basoglu">YouTube</a>
<i class="fa-brands fa-youtube"></i> <a
href="https://www.youtube.com/@batuhan-basoglu">YouTube</a>
</li>
<li>
<i class="fa-brands fa-linkedin"></i> <a href="https://www.linkedin.com/in/batuhan-basoglu/?locale=tr_TR">LinkedIn</a>
<i class="fa-brands fa-linkedin"></i> <a
href="https://www.linkedin.com/in/batuhan-basoglu/?locale=tr_TR">LinkedIn</a>
</li>
</ul>
<h4>İletİşİm</h4>
<ul class="fa-ul">
<li>
<i class="fa-solid fa-envelope"></i> <a href="mailto:batuhan@basoglu.ca">E-Mail</a> / <a href="./pgp/f3f2c8e137afb702b55f772a7315eac294fe4f2f.asc">PGP</a>
<i class="fa-solid fa-envelope"></i> <a href="mailto:batuhan@basoglu.ca">E-Mail</a> / <a
href="./pgp/f3f2c8e137afb702b55f772a7315eac294fe4f2f.asc">PGP</a>
</li>
<li>
<i class="fa-brands fa-signal-messenger"></i> <a href="https://signal.me/#eu/9RAzLhHnxljsNpJcGB1ApsDkZojW61tuqEOlquVrvAP5fiFksGVGzpm1cFeYKcu8">Signal</a>
<i class="fa-brands fa-signal-messenger"></i> <a
href="https://signal.me/#eu/9RAzLhHnxljsNpJcGB1ApsDkZojW61tuqEOlquVrvAP5fiFksGVGzpm1cFeYKcu8">Signal</a>
</li>
<li>
<i class="fa-solid fa-share-nodes"></i> <a href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
<i class="fa-solid fa-share-nodes"></i> <a
href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
</li>
</ul>
<h4>Bahşİş</h4>
@ -165,7 +172,8 @@
<i class="fa fa-coffee"></i> <a rel="me" href="https://ko-fi.com/batuhanbasoglu">Ko-Fi</a>
</li>
<li>
<i class="fa-solid fa-hand-holding-dollar"></i> <a href="https://liberapay.com/batuhan-basoglu/">Liberapay</a>
<i class="fa-solid fa-hand-holding-dollar"></i> <a
href="https://liberapay.com/batuhan-basoglu/">Liberapay</a>
</li>
</ul>
<div class="primary-button">
@ -284,12 +292,14 @@
<div class="owl-carousel owl-theme projects-container">
<div>
<div class="project-item">
<a href="../img/inovestor.jpg" data-lightbox="image-1"><img src="../img/inovestor.jpg" alt=""></a>
<a href="../img/inovestor.jpg" data-lightbox="image-1"><img src="../img/inovestor.jpg"
alt=""></a>
<div class="text-content">
<h4>Inovestor</h4>
<p>(2021-2024)</p>
<p> IBM ve RPM Eco için alt sözleşmeler yapan bir tam yığın geliştirici olarak çalışıldı.
RPM Eco ve VIA Rail Canada için C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Typescript, Node,js, Angular, Next.js, React, SQL, MySQL ve Microsoft Azure
RPM Eco ve VIA Rail Canada için C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Typescript,
Node,js, Angular, Next.js, React, SQL, MySQL ve Microsoft Azure
kullanılarak bu web siteleriyle çalışıldı.</p>
<div class="primary-button">
<a href="https://www.inovestor.com/">Sİteyİ Zİyaret Et</a>
@ -303,8 +313,9 @@
<div class="text-content">
<h4>Kargı Building Complex</h4>
<p>(2021-2021)</p>
<p>Yarı zamanlı olarak web geliştiricisi olarak çalışıldı. Kargı sitesine web sitesi yapıldı.
HTML, CSS, TypeScript, JavaScript, Node,js ve Angular kullanılarak Kargı Sitesi için
<p>Yarı zamanlı olarak web geliştiricisi olarak çalışıldı. Kargı sitesine web sitesi
yapıldı.
HTML, CSS, TypeScript, JavaScript, Node,js ve Angular kullanılarak Kargı Sitesi için
bir reklam web sitesi yaratıldı ve işverenden mükemmel geri bildirim alındı.
</p>
<div class="primary-button">
@ -315,7 +326,8 @@
</div>
<div>
<div class="project-item">
<a href="../img/atelye70.jpg" data-lightbox="image-1"><img src="../img/atelye70.jpg" alt=""></a>
<a href="../img/atelye70.jpg" data-lightbox="image-1"><img src="../img/atelye70.jpg"
alt=""></a>
<div class="text-content">
<h4>Atelye70</h4>
<p>(2016-2016)</p>
@ -353,11 +365,13 @@
<div class="owl-carousel owl-theme projects-container">
<div>
<div class="project-item">
<a href="../img/project-17.jpg" data-lightbox="image-2"><img src="../img/project-17.jpg" alt=""></a>
<a href="../img/project-17.jpg" data-lightbox="image-2"><img src="../img/project-17.jpg"
alt=""></a>
<div class="text-content">
<h4>RPM Eco'nun Websİtesİ</h4>
<p>RPM Eco ile yapılan sözleşme kapsamında RPM Eco Web Sitesinde çalışıldı.
C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL ve Microsoft Azure kullanıldı.</p>
<p>RPM Eco ile yapılan sözleşme kapsamında RPM Eco Web Sitesinde çalışıldı.
C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL ve Microsoft
Azure kullanıldı.</p>
<div class="primary-button">
<a href="https://rpm.eco">Daha Fazlasını Keşfet</a>
</div>
@ -366,11 +380,13 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-13.jpg" data-lightbox="image-2"><img src="../img/project-13.jpg" alt=""></a>
<a href="../img/project-13.jpg" data-lightbox="image-2"><img src="../img/project-13.jpg"
alt=""></a>
<div class="text-content">
<h4>VIA Raİl Canada'nın Websİtesİ</h4>
<p>IBM ile yapılan sözleşme kapsamında VIA Rail Canada Web Sitesinde çalışıldı.
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular ve Microsoft Azure kullanıldı. </p>
<p>IBM ile yapılan sözleşme kapsamında VIA Rail Canada Web Sitesinde çalışıldı.
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular ve Microsoft Azure
kullanıldı. </p>
<div class="primary-button">
<a href="https://reservia.viarail.ca">Daha Fazlasını Keşfet</a>
</div>
@ -379,63 +395,76 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-18.jpg" data-lightbox="image-2"><img src="../img/project-18.jpg" alt=""></a>
<a href="../img/project-18.jpg" data-lightbox="image-2"><img src="../img/project-18.jpg"
alt=""></a>
<div class="text-content">
<h4>HavalI AlIşverİş Sİtesİ</h4>
<p>Amazon'a benzeyen alışveriş sitesi oluşturuldu. Kullanıcılar kendi hesaplarını kullanarak arzuladıkları
ürünleri ekleyebilir ve/veya silebilir. Site PHP, CSS, JavaScript, SQL ve MySQL ile oluşturuldu.</p>
<p>Amazon'a benzeyen alışveriş sitesi oluşturuldu. Kullanıcılar kendi hesaplarını kullanarak
arzuladıkları
ürünleri ekleyebilir ve/veya silebilir. Site PHP, CSS, JavaScript, SQL ve MySQL ile
oluşturuldu.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Cool-Shopping-Site">Daha Fazlasını Keşfet</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Cool-Shopping-Site">Daha Fazlasını
Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-20.jpg" data-lightbox="image-2"><img src="../img/project-20.jpg" alt=""></a>
<a href="../img/project-20.jpg" data-lightbox="image-2"><img src="../img/project-20.jpg"
alt=""></a>
<div class="text-content">
<h4>.NET Web API İle Angular</h4>
<p>Arka uç olarak bir .NET Web API yarattım ve REST API kullarak API bilgilerini elde etmek için ön uç olarak Angular'ı kullanıldı.
<p>Arka uç olarak bir .NET Web API yarattım ve REST API kullarak API bilgilerini elde etmek
için ön uç olarak Angular'ı kullanıldı.
C#, .NET, HTML, CSS, TypeScript, Node,js ve Angular kullanılarak yapıldı.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/NET-Web-API-w-Angular">Daha Fazlasını Keşfet</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/NET-Web-API-w-Angular">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-19.jpg" data-lightbox="image-2"><img src="../img/project-19.jpg" alt=""></a>
<a href="../img/project-19.jpg" data-lightbox="image-2"><img src="../img/project-19.jpg"
alt=""></a>
<div class="text-content">
<h4>Gİt Barındırma Hİzmetİm</h4>
<p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan
Gitea'nın bir çatalı olan Forgejo ile bir Git barındırma Web sitesi yapıldı. Go, Javascript, Roff ve CSS kullanıldı.</p>
Gitea'nın bir çatalı olan Forgejo ile bir Git barındırma Web sitesi yapıldı. Go,
Javascript, Roff ve CSS kullanıldı.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/">Daha Fazlasını Keşfet</a>
<a href="https://git.batuhan.basoglu.ca/">Daha Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-16.jpg" data-lightbox="image-2"><img src="../img/project-16.jpg" alt=""></a>
<a href="../img/project-16.jpg" data-lightbox="image-2"><img src="../img/project-16.jpg"
alt=""></a>
<div class="text-content">
<h4>WordPress Blogum</h4>
<p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan
diğer birleştirilmiş sosyal ağlara bağlanmak için Activity Pub ile bir WordPress blogu yapıldı.
diğer birleştirilmiş sosyal ağlara bağlanmak için Activity Pub ile bir WordPress blogu
yapıldı.
WordPress PHP, JavaScript, HTML ve CSS kullanıldı.</p>
<div class="primary-button">
<a href="https://arcticpress.basoglu.co/">Daha Fazlasını Keşfet</a>
<a href="https://blog.batuhan.basoglu.ca/">Daha Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-15.jpg" data-lightbox="image-2"><img src="../img/project-15.jpg" alt=""></a>
<a href="../img/project-15.jpg" data-lightbox="image-2"><img src="../img/project-15.jpg"
alt=""></a>
<div class="text-content">
<h4>Nextcloud Depom</h4>
<p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan bir Nextcloud depolama alanı yapıldı.
<p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan
bir Nextcloud depolama alanı yapıldı.
Nextcloud'da PHP, CSS, Javascript, TypeScript, Vue.js, Ruby and Gherkin kullanıldı.</p>
<div class="primary-button">
<a href="https://cloud.batuhan.basoglu.ca">Daha Fazlasını Keşfet</a>
@ -445,10 +474,12 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-12.jpg" data-lightbox="image-2"><img src="../img/project-12.jpg" alt=""></a>
<a href="../img/project-12.jpg" data-lightbox="image-2"><img src="../img/project-12.jpg"
alt=""></a>
<div class="text-content">
<h4>Kargı Yapı Sİtesİnİn Web Sİtesİ</h4>
<p>Kargı Yapı Kompleksi Web Sitesinde HTML, CSS, TypeScript, JavaScript, Node,js ve Angular kullanıldı.</p>
<p>Kargı Yapı Kompleksi Web Sitesinde HTML, CSS, TypeScript, JavaScript, Node,js ve Angular
kullanıldı.</p>
<div class="primary-button">
<a href="https://kargisitesi.com/">Daha Fazlasını Keşfet</a>
</div>
@ -457,125 +488,120 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-11.jpg" data-lightbox="image-2"><img src="../img/project-11.jpg" alt=""></a>
<a href="../img/project-11.jpg" data-lightbox="image-2"><img src="../img/project-11.jpg"
alt=""></a>
<div class="text-content">
<h4>Araç Hırsızlığına Karşı Yüz Tanıma Sistemİ</h4>
<p>Bilgisayar Mühendisliği Mezuniyet Projesinde Python, CMake, JavaScript, Node.js, Roff, Java, HTML and CSS kullanılarak
<p>Bilgisayar Mühendisliği Mezuniyet Projesinde Python, CMake, JavaScript, Node.js, Roff,
Java, HTML and CSS kullanılarak
Araç Hırsızlığına Karşı Yüz Tanıma Sistemi yapıldı. </p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Daha Fazlasını Keşfet</a>
<a
href="https://batuhan-basoglu.codeberg.page/Vehicle-Anti-Theft-Face-Recognition-System/">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-10.png" data-lightbox="image-2"><img src="../img/project-10.png" alt=""></a>
<a href="../img/project-10.png" data-lightbox="image-2"><img src="../img/project-10.png"
alt=""></a>
<div class="text-content">
<h4>Olympus Ev Hİzmetİ Uygulaması</h4>
<p>Yazılım Mühendisliğine Giriş dersinde Java kullanılarak Android cihaz uygulaması yapıldı. Bu
kullanıcının bilgilerini ayarlayabileceği ve cihaz sipariş edebileceği bir cihaz uygulamasıdır.
Kullanıcının evi için hizmetlere uygulamadan erişim sunar. Uygulamayı Android Studio'da yaptı.</p>
<p>Yazılım Mühendisliğine Giriş dersinde Java kullanılarak Android cihaz uygulaması yapıldı.
Bu
kullanıcının bilgilerini ayarlayabileceği ve cihaz sipariş edebileceği bir cihaz
uygulamasıdır.
Kullanıcının evi için hizmetlere uygulamadan erişim sunar. Uygulamayı Android Studio'da
yaptı.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/SEG2105-Olympus-Android-Application">Daha Fazlasını Keşfet</a>
<a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu/SEG2105-Olympus-Android-Application">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-9.jpg" data-lightbox="image-2"><img src="../img/project-9.jpg" alt=""></a>
<a href="../img/project-9.jpg" data-lightbox="image-2"><img src="../img/project-9.jpg"
alt=""></a>
<div class="text-content">
<h4>Hastane-Hasta Yönetİm Sİstemİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, JavaScript, Node,js ve React kullanılarak Hastane Yönetim Sistemi yapıldı.
Bu Hastane Yönetim Sisteminde kullanıcı hastaları yönetebilir ve her çalışanın farklı eylemlerde bulunduğu hastane çalışanları ile
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, JavaScript, Node,js ve React
kullanılarak Hastane Yönetim Sistemi yapıldı.
Bu Hastane Yönetim Sisteminde kullanıcı hastaları yönetebilir ve her çalışanın farklı
eylemlerde bulunduğu hastane çalışanları ile
onlara atama yapabilir.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Hospital-Management-System">Daha Fazlasını Keşfet</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Hospital-Management-System">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-8.jpg" data-lightbox="image-2"><img src="../img/project-8.jpg" alt=""></a>
<a href="../img/project-8.jpg" data-lightbox="image-2"><img src="../img/project-8.jpg"
alt=""></a>
<div class="text-content">
<h4>Kene's Cribs Web Sİtesİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript, Node,js ve React kullanılarak emlak sitesi yapıldı.
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript, Node,js ve
React kullanılarak emlak sitesi yapıldı.
Bu Kullanıcının evlere göz atabileceği, google'da arayabileceği bir web sitesidir.
Haritalar kullanılarak veya iletişim formu ile acentelerle iletişime geçilebilir.</p>
<div class="primary-button"> Berk "><img src="../img/project-7.jpg" alt=""></a>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Kene-s-Cribs-Website">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-7.jpg" data-lightbox="image-2"><img src="../img/project-7.jpg"
alt=""></a>
<div class="text-content">
<h4>Batuhan'ın Bİsİkletlerİ Chatbot Hizmetİyle Web Sİtesİ Alternatİfİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js kullanılarak chatbot hizmeti
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
kullanılarak chatbot hizmeti
web sitesi ile alternatif bir hizmet şirketi yapıldı.</p>
<div class="primary-button">
<a
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Daha Fazlasını Keşfet</a>
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-6.jpg" data-lightbox="image-2"><img src="../img/project-6.jpg" alt=""></a>
<a href="../img/project-6.jpg" data-lightbox="image-2"><img src="../img/project-6.jpg"
alt=""></a>
<div class="text-content">
<h4>Batuhan'ın Bİsİkletlerİ Web Sİtesİ Alternatİfİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js kullanılarak alternatif bir hizmet şirketi yapıldı.</p>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
kullanılarak alternatif bir hizmet şirketi yapıldı.</p>
<div class="primary-button">
<a
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Daha Fazlasını Keşfet</a>
href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-5.jpg" data-lightbox="image-2"><img src="../img/project-5.jpg" alt=""></a>
<a href="../img/project-5.jpg" data-lightbox="image-2"><img src="../img/project-5.jpg"
alt=""></a>
<div class="text-content">
<h4>Batuhan'ın Bİsİkletlerİ Web Sİtesİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js kullanılarak bir hizmet şirketi yapıldı.
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
kullanılarak bir hizmet şirketi yapıldı.
Bu, Bisiklet onarımlarından bahseden bir bisiklet servis şirketi web sitesidir.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Daha Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-4.jpg" data-lightbox="image-2"><img src="../img/project-4.jpg" alt=""></a>
<div class="text-content">
<h4>Sam's Mart Web Sİtesİ Alternatİfİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js kullanılarak alternatif bir bakkal web sitesi hazırlandı.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website-Alternative/">Daha Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-3.jpg" data-lightbox="image-2"><img src="../img/project-3.jpg" alt=""></a>
<div class="text-content">
<h4>Sam's Mart Web Sİtesİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js kullanılarak alternatif bir bakkal web sitesi hazırlandı. </p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website/">Daha Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-2.jpg" data-lightbox="image-2"><img src="../img/project-2.jpg" alt=""></a>
<div class="text-content">
<h4>Analİz İşlevlİ Facebook UI/UX Web Sİtesİ Alternatİfİ Anketİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js kullanılarak analiz
fonksiyonu web sitesi ile alternatif bir Facebook anketi yapıldı.</p>
<div class="primary-button">
<a
href="https://git.batuhan.basoglu.co/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Daha Fazlasını
<a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Daha Fazlasını
Keşfet</a>
</div>
</div>
@ -583,25 +609,80 @@
</div>
<div>
<div class="project-item">
<a href="../img/project-1.jpg" data-lightbox="image-2"><img src="../img/project-1.jpg" alt=""></a>
<a href="../img/project-4.jpg" data-lightbox="image-2"><img src="../img/project-4.jpg"
alt=""></a>
<div class="text-content">
<h4>Facebook UI/UX Web Sİtesİ Anketİ</h4>
<p>Kullanıcı Analizi ve Arayüzler Tasarımı sınıfında HTML, CSS, JavaScript ve Node.js kullanılarak bir Facebook anket Web Sitesi hazırlandı.
Bu, Cevapları gönderilmesi için gönder düğmesiyle Facebook kullanıcı arayüzü hakkında sorular sorulan bir web sitesidir.</p>
<h4>Sam's Mart Web Sİtesİ Alternatİfİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
kullanılarak alternatif bir bakkal web sitesi hazırlandı.</p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Daha Fazlasını Keşfet</a>
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website-Alternative/">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-14.jpg" data-lightbox="image-2"><img src="../img/project-14.jpg" alt=""></a>
<a href="../img/project-3.jpg" data-lightbox="image-2"><img src="../img/project-3.jpg"
alt=""></a>
<div class="text-content">
<h4>Sam's Mart Web Sİtesİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
kullanılarak alternatif bir bakkal web sitesi hazırlandı. </p>
<div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website/">Daha Fazlasını
Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-2.jpg" data-lightbox="image-2"><img src="../img/project-2.jpg"
alt=""></a>
<div class="text-content">
<h4>Analİz İşlevlİ Facebook UI/UX Web Sİtesİ Alternatİfİ Anketİ</h4>
<p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
kullanılarak analiz
fonksiyonu web sitesi ile alternatif bir Facebook anketi yapıldı.</p>
<div class="primary-button">
<a
href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Daha
Fazlasını
Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-1.jpg" data-lightbox="image-2"><img src="../img/project-1.jpg"
alt=""></a>
<div class="text-content">
<h4>Facebook UI/UX Web Sİtesİ Anketİ</h4>
<p>Kullanıcı Analizi ve Arayüzler Tasarımı sınıfında HTML, CSS, JavaScript ve Node.js
kullanılarak bir Facebook anket Web Sitesi hazırlandı.
Bu, Cevapları gönderilmesi için gönder düğmesiyle Facebook kullanıcı arayüzü hakkında
sorular sorulan bir web sitesidir.</p>
<div class="primary-button">
<a
href="https://batuhan-basoglu.codeberg.page/Questionnaire-of-the-Facebook-UI-UX-Website/">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="../img/project-14.jpg" data-lightbox="image-2"><img src="../img/project-14.jpg"
alt=""></a>
<div class="text-content">
<h4>Websİtem</h4>
<p>Bu web sitesi HTML, CSS ve Javascript ile yapıldı.</p>
<div class="primary-button">
<a href="https://git.batuhan.basoglu.co/batuhan-basoglu/Batuhan-Basoglu-Website">Daha Fazlasını Keşfet</a>
<a href="https://git.batuhan.basoglu.ca/batuhan-basoglu/Batuhan-Basoglu-Website">Daha
Fazlasını Keşfet</a>
</div>
</div>
</div>
@ -632,8 +713,8 @@
<!-- slide 1 -->
<div class="slide">
<a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img src="../img/UOttawa_Diploma.jpg"
alt="" /></a>
<a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img
src="../img/UOttawa_Diploma.jpg" alt="" /></a>
<div class="text-content">
<h4>Ottawa Ünİversİtesİ Bİlgİsayar Mühendİslİğİ Derecesİ</h4>
<p>Bilgisayar Mühendisliği Uygulamalı Bilimler Lisansı ile 4 yıllık Bilgisayar Mühendisliği
@ -658,7 +739,8 @@
src="../img/horizons-certificate.jpg" alt="" /></a>
<div class="text-content">
<h4>Horİzons Meslekİ Gelİşİm Programı</h4>
<p>Profesyonel Kaynaklar Kullanımı yoluyla profesyonel bağlantıları geliştirmeye yönelik kariyer geliştirme programı.
<p>Profesyonel Kaynaklar Kullanımı yoluyla profesyonel bağlantıları geliştirmeye yönelik
kariyer geliştirme programı.
26 Nisan 2021'de alındı.</p>
</div>
</div>
@ -691,8 +773,7 @@
<div class="contact-form">
<form id="contact" action="https://formspree.io/f/mrgvywen" method="POST">
<fieldset>
<input name="name" type="text" class="form-control" id="name" placeholder="İsminiz"
required>
<input name="name" type="text" class="form-control" id="name" placeholder="İsminiz" required>
</fieldset>
<fieldset>
<input name="email" type="email" class="form-control" id="email" placeholder="Email" required>
@ -709,7 +790,8 @@
</div>
<div class="col-md-4">
<div class="more-info">
<p>Benimle iletişime geçmekten çekinmeyin, mümkün olan en kısa sürede size yanıt vereceğim.<br><br>
<p>Benimle iletişime geçmekten çekinmeyin, mümkün olan en kısa sürede size yanıt
vereceğim.<br><br>
<em>Montreal, QC</em>
</p>
</div>
@ -738,4 +820,4 @@
<script src="../js/main.js"></script>
</body>
</html>
</html>