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]> <!--[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> <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]--> <![endif]-->
<nav class="nav"> <nav class="nav">
<div class="burger"> <div class="burger">
<div class="burger__patty"></div> <div class="burger__patty"></div>
@ -62,15 +62,12 @@
</button> </button>
<div class="dropdown-content"> <div class="dropdown-content">
<a href="../index.html"> <a href="../index.html">
<img src="../img/en.png" <img src="../img/en.png" width="20" height="15"> English</a>
width="20" height="15"> English</a> <a href="../fr/index.html">
<a href="../fr/index.html"> <img src="../img/fr.png" width="20" height="15"> Français</a>
<img src="../img/fr.png" <a href="../tr/index.html">
width="20" height="15"> Français</a> <img src="../img/tr.png" width="20" height="15"> Türkçe</a>
<a href="../tr/index.html">
<img src="../img/tr.png"
width="20" height="15"> Türkçe</a>
</div> </div>
</div> </div>
@ -89,9 +86,12 @@
<div class="home-box-content"> <div class="home-box-content">
<div class="left-text"> <div class="left-text">
<h4>Acerca de mí</h4> <h4>Acerca de mí</h4>
<p>Desarrollador de software motivado con profundos conocimientos de desarrollo web, diseño y codificación. <p>Desarrollador de software motivado con profundos conocimientos de desarrollo web, diseño y
así como experiencia en una amplia gama de lenguajes, frameworks y herramientas de programación. Éxito comprobado codificación.
en el desarrollo y despliegue de aplicaciones, sitios web y servicios web. Muy organizado y detallista, 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. con una habilidad especial para encontrar soluciones creativas a problemas difíciles.
</p> </p>
<div class="primary-button"> <div class="primary-button">
@ -132,31 +132,38 @@
<h4>General</h4> <h4>General</h4>
<ul class="fa-ul"> <ul class="fa-ul">
<li> <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>
<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>
<li> <li>
<i class="fa-brands fa-x-twitter"></i> <a href="https://x.com/batuhanbbasoglu">X</a> <i class="fa-brands fa-x-twitter"></i> <a href="https://x.com/batuhanbbasoglu">X</a>
</li> </li>
<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>
<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> </li>
</ul> </ul>
<h4>Contacto</h4> <h4>Contacto</h4>
<ul class="fa-ul"> <ul class="fa-ul">
<li> <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>
<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>
<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> </li>
</ul> </ul>
<h4>Propinas</h4> <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> <i class="fa fa-coffee"></i> <a rel="me" href="https://ko-fi.com/batuhanbasoglu">Ko-Fi</a>
</li> </li>
<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> </li>
</ul> </ul>
<div class="primary-button"> <div class="primary-button">
@ -284,13 +292,16 @@
<div class="owl-carousel owl-theme projects-container"> <div class="owl-carousel owl-theme projects-container">
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Inovestor</h4> <h4>Inovestor</h4>
<p>(2021-2024)</p> <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. <p> Trabajó como desarrollador full stack, realizó un contrato a través de IBM y RPM Eco
Colaboré en sitios web para VIA Rail Canada y RPM Eco utilizando para desarrollar su sitio web.
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Typescript, Node,js, Angular, Next.js, React, SQL, MySQL y Microsoft Azure</p> 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"> <div class="primary-button">
<a href="https://www.inovestor.com/">Visita el Sitio Web</a> <a href="https://www.inovestor.com/">Visita el Sitio Web</a>
</div> </div>
@ -303,9 +314,11 @@
<div class="text-content"> <div class="text-content">
<h4>Kargı Building Complex</h4> <h4>Kargı Building Complex</h4>
<p>(2021-2021)</p> <p>(2021-2021)</p>
<p>Trabajó a tiempo parcial como desarrollador web, realizando subcontratos para IBM y RPM Eco. <p>Trabajó a tiempo parcial como desarrollador web, realizando subcontratos para IBM y RPM
Créé un sitio web publicitario para el complejo de edificios Kargı utilizando Eco.
Angular, TypeScript, JavaScript, HTML y CSS, recibiendo excelentes comentarios del empleador. Créé un sitio web publicitario para el complejo de edificios Kargı utilizando
Angular, TypeScript, JavaScript, HTML y CSS, recibiendo excelentes comentarios del
empleador.
</p> </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://kargisitesi.com/">Visita el Sitio Web</a> <a href="https://kargisitesi.com/">Visita el Sitio Web</a>
@ -315,12 +328,14 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Atelye70</h4> <h4>Atelye70</h4>
<p>(2016-2016)</p> <p>(2016-2016)</p>
<p>Aprendí a diseñar casas con Atelye70 a través de una pasantía. <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> </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://atelye70.com/">Visita el Sitio Web</a> <a href="https://atelye70.com/">Visita el Sitio Web</a>
@ -353,11 +368,13 @@
<div class="owl-carousel owl-theme projects-container"> <div class="owl-carousel owl-theme projects-container">
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Sitio Web de RPM Eco</h4> <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 <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> C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL y Microsoft
Azure.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://rpm.eco">Descubra Más</a> <a href="https://rpm.eco">Descubra Más</a>
</div> </div>
@ -366,10 +383,12 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Sitio Web de VIA Rail Canadá</h4> <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> C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular y Microsoft Azure. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://reservia.viarail.ca">Descubra Más</a> <a href="https://reservia.viarail.ca">Descubra Más</a>
@ -379,63 +398,77 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>El Sitio Shopping Cool</h4> <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 <p>Creó un sitio de comercio que es similar a Amazon. Los usuarios pueden agregar y/o
artículos que deseen utilizar su propia cuenta. Fue diseñado utilizando PHP, CSS, JavaScript, SQL y MySQL.</p> 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"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>.NET Web API con Angular</h4> <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> Está creado utilizando C#, .NET, HTML, CSS, TypeScript, Node,js y Angular.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Mi Servicio de Alojamiento Git</h4> <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 <p>Un sitio web de alojamiento Git autohospedado alojado en un servidor Ubuntu Linux a
con Forgejo que es una bifurcación de Gitea. Está realizado utilizando Go, Javascript, Roff y CSS.</p> 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"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Mi Blog de WordPress</h4> <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. con Activity Pub para conectar con otras redes sociales federadas.
WordPress está hecho usando PHP, JavaScript, HTML y CSS.</p> WordPress está hecho usando PHP, JavaScript, HTML y CSS.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Mi Almacenamiento Nextcloud</h4> <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> realizado utilizando PHP, CSS, Javascript, TypeScript, Vue.js, Ruby y Gherkin.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://cloud.batuhan.basoglu.ca">Descubra Más</a> <a href="https://cloud.batuhan.basoglu.ca">Descubra Más</a>
@ -445,10 +478,12 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Sitio Web del Complejo de Edificios Kargı</h4> <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"> <div class="primary-button">
<a href="https://kargisitesi.com/">Descubra Más</a> <a href="https://kargisitesi.com/">Descubra Más</a>
</div> </div>
@ -457,94 +492,120 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Sistema de Reconocimiento Facial Antirrobo para Vehículos</h4> <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> en Proyecto de Diseño de Ingeniería Informática.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Aplicación de Servicio a Domicilio de Olympus</h4> <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 <p>Creé una aplicación para dispositivos Android usando Java en la clase de Introducción a
es una aplicación de electrodoméstico donde el usuario puede configurar sus datos y solicitar electrodomésticos 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> servicios desde el domicilio del usuario. La aplicación está hecha en Android Studio.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Sistema de Gestión Hospitalaria de Pacientes</h4> <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. <p>Realicé un sistema de gestión hospitalaria utilizando HTML, JavaScript, Node,js y React
clase. En el Sistema de Gestión Hospitalaria, el usuario puede gestionar los pacientes y asignarlos a 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> los empleados del hospital donde cada empleado realiza diferentes acciones.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Sitio Web de Cunas de Kene</h4> <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 <p>Realicé un sitio web inmobiliario utilizando HTML, CSS, JavaScript, Node,js y React en
Clase de interfaces. Es un sitio web donde el usuario puede navegar por las casas, buscarlas en google. 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> mapas o contacta con los agentes desde el formulario de contacto.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Alternativa al Sitio Web de Batuhan's Bikes con Servicio Chatbot</h4> <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> en la clase Análisis y Diseño de Interfaces de Usuario.</p>
<div class="primary-button"> <div class="primary-button">
<a <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Alternativa al Sitio Web de Batuhan's Bikes con Formulario de Validación</h4> <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> en la clase Análisis y Diseño de Interfaces de Usuario.</p>
<div class="primary-button"> <div class="primary-button">
<a <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Sitio Web de Bicicletas de Batuhan</h4> <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. <p>Realicé un sitio web de una empresa de servicios utilizando HTML, CSS, JavaScript y
Clase de interfaces. Es el sitio web de una empresa de servicios de bicicletas que habla sobre reparaciones de bicicletas.</p> 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"> <div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Descubra Más</a> <a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Descubra Más</a>
</div> </div>
@ -553,23 +614,28 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Alternativa al Sitio Web de Sam's Mart</h4> <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> Clase de Diseño de Interfaces de Usuario.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Sitio Web de Sam's Mart</h4> <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> Clase de interfaces.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website/">Descubra Más</a> <a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website/">Descubra Más</a>
@ -579,14 +645,17 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Cuestionario de la Alternativa del Sitio Web UI/UX de Facebook con Función de Análisis</h4> <h4>Cuestionario de la Alternativa del Sitio Web UI/UX de Facebook con Función de Análisis
<p>Realicé una encuesta alternativa en Facebook con función de análisis del sitio web utilizando HTML, CSS, JavaScript y Node.js </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> en la clase Análisis y Diseño de Interfaces de Usuario.</p>
<div class="primary-button"> <div class="primary-button">
<a <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> Más</a>
</div> </div>
</div> </div>
@ -594,26 +663,33 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Cuestionario de la Alternativa del Sitio Web UI/UX de Facebook</h4> <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 <p>Realicé un sitio web de encuestas en Facebook utilizando HTML, CSS, JavaScript y Node.js
Clase de interfaces. Este es un sitio web que hace preguntas sobre la interfaz de usuario de Facebook. 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> con botón de enviar para enviar las respuestas.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Mi Sitio Web</h4> <h4>Mi Sitio Web</h4>
<p>Este mismo sitio web que hice con HTML, CSS y JavaScript.</p> <p>Este mismo sitio web que hice con HTML, CSS y JavaScript.</p>
<div class="primary-button"> <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> </div>
</div> </div>
@ -644,11 +720,12 @@
<!-- slide 1 --> <!-- slide 1 -->
<div class="slide"> <div class="slide">
<a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img src="../img/UOttawa_Diploma.jpg" <a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img
alt="" /></a> src="../img/UOttawa_Diploma.jpg" alt="" /></a>
<div class="text-content"> <div class="text-content">
<h4>Licenciatura en Ingeniería Informática de la Universidad de Ottawa</h4> <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> programa, graduado el 7 de junio de 2021.</p>
</div> </div>
</div> </div>
@ -659,7 +736,8 @@
src="../img/ironring-certificate-sm.jpg" alt="" /></a> src="../img/ironring-certificate-sm.jpg" alt="" /></a>
<div class="text-content"> <div class="text-content">
<h4>El Ritual de la Vocación de Ingeniero</h4> <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> integridad del Ingeniero. Recibido el 13 de junio de 2021.</p>
</div> </div>
</div> </div>
@ -670,7 +748,8 @@
src="../img/horizons-certificate.jpg" alt="" /></a> src="../img/horizons-certificate.jpg" alt="" /></a>
<div class="text-content"> <div class="text-content">
<h4>El Programa de Desarrollo Profesional Horizons</h4> <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> recursos profesionales. Recibido el 26 de abril de 2021.</p>
</div> </div>
</div> </div>
@ -750,4 +829,4 @@
<script src="../js/main.js"></script> <script src="../js/main.js"></script>
</body> </body>
</html> </html>

288
fr/index.html
View file

@ -25,7 +25,7 @@
<!--[if lt IE 8]> <!--[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> <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]--> <![endif]-->
<nav class="nav"> <nav class="nav">
<div class="burger"> <div class="burger">
<div class="burger__patty"></div> <div class="burger__patty"></div>
@ -62,15 +62,12 @@
</button> </button>
<div class="dropdown-content"> <div class="dropdown-content">
<a href="../index.html"> <a href="../index.html">
<img src="../img/en.png" <img src="../img/en.png" width="20" height="15"> English</a>
width="20" height="15"> English</a> <a href="../es/index.html">
<a href="../es/index.html"> <img src="../img/es.png" width="20" height="15"> Español</a>
<img src="../img/es.png" <a href="../tr/index.html">
width="20" height="15"> Español</a> <img src="../img/tr.png" width="20" height="15"> Türkçe</a>
<a href="../tr/index.html">
<img src="../img/tr.png"
width="20" height="15"> Türkçe</a>
</div> </div>
</div> </div>
@ -89,10 +86,13 @@
<div class="home-box-content"> <div class="home-box-content">
<div class="left-text"> <div class="left-text">
<h4>À Propos de Moi</h4> <h4>À Propos de Moi</h4>
<p>Développeur logiciel motivé avec une connaissance approfondie du développement, de la conception et du codage Web, <p>Développeur logiciel motivé avec une connaissance approfondie du développement, de la
ainsi qu'une expérience dans un large éventail de langages de programmation, de frameworks et d'outils. Succès avéré conception et du codage Web,
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, ainsi qu'une expérience dans un large éventail de langages de programmation, de frameworks et
avec le don de trouver des solutions créatives à des problèmes difficiles. 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> </p>
<div class="primary-button"> <div class="primary-button">
<a href="../resume/CV_Batuhan_fr.pdf">Téléchargez le CV</a> <a href="../resume/CV_Batuhan_fr.pdf">Téléchargez le CV</a>
@ -132,31 +132,38 @@
<h4>Général</h4> <h4>Général</h4>
<ul class="fa-ul"> <ul class="fa-ul">
<li> <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>
<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>
<li> <li>
<i class="fa-brands fa-x-twitter"></i> <a href="https://x.com/batuhanbbasoglu">X</a> <i class="fa-brands fa-x-twitter"></i> <a href="https://x.com/batuhanbbasoglu">X</a>
</li> </li>
<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>
<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> </li>
</ul> </ul>
<h4>Contact</h4> <h4>Contact</h4>
<ul class="fa-ul"> <ul class="fa-ul">
<li> <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>
<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>
<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> </li>
</ul> </ul>
<h4>Pourboire</h4> <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> <i class="fa fa-coffee"></i> <a rel="me" href="https://ko-fi.com/batuhanbasoglu">Ko-Fi</a>
</li> </li>
<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> </li>
</ul> </ul>
<div class="primary-button"> <div class="primary-button">
@ -284,13 +292,16 @@
<div class="owl-carousel owl-theme projects-container"> <div class="owl-carousel owl-theme projects-container">
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Inovestor</h4> <h4>Inovestor</h4>
<p>(2021-2024)</p> <p>(2021-2024)</p>
<p>Travaillé en tant que développeur full stack, en faisant des sous-contrats pour IBM et RPM Eco. <p>Travaillé en tant que développeur full stack, en faisant des sous-contrats pour IBM et
Collaboré sur des sites web pour VIA Rail Canada et RPM Eco en utilisant RPM Eco.
C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Typescript, Node,js, Angular, Next.js, React, SQL, MySQL et Microsoft Azure. 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> </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://www.inovestor.com/">Visitez le Site Web</a> <a href="https://www.inovestor.com/">Visitez le Site Web</a>
@ -305,8 +316,9 @@
<h4>Kargı Building Complex</h4> <h4>Kargı Building Complex</h4>
<p>(2021-2021)</p> <p>(2021-2021)</p>
<p>Travaillé à temps partiel en tant que développeur Web. <p>Travaillé à temps partiel en tant que développeur Web.
Créé un site web publicitaire pour le complexe immobilier Kargı en utilisant 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. HTML, CSS, TypeScript, JavaScript, Node,js et Angular, recevant d'excellents retours de
l'employeur.
</p> </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://kargisitesi.com/">Visitez le Site Web</a> <a href="https://kargisitesi.com/">Visitez le Site Web</a>
@ -316,12 +328,14 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Atelye70</h4> <h4>Atelye70</h4>
<p>(2016-2016)</p> <p>(2016-2016)</p>
<p>Appris à concevoir des maisons avec Atelye70 grâce à un stage. <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> </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://atelye70.com/">Visitez le Site Web</a> <a href="https://atelye70.com/">Visitez le Site Web</a>
@ -354,11 +368,14 @@
<div class="owl-carousel owl-theme projects-container"> <div class="owl-carousel owl-theme projects-container">
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Site Web de RPM Eco</h4> <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 <p>Travaillé sur le site Web de RPM Eco dans le cadre d'un contrat avec RPM Eco. Il est
C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL et Microsoft Azure. </p> réalisé en
C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL et Microsoft
Azure. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://rpm.eco">Découvrez Plus</a> <a href="https://rpm.eco">Découvrez Plus</a>
</div> </div>
@ -367,10 +384,12 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Site Web de VIA Rail Canada</h4> <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> C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular et Microsoft Azure. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://reservia.viarail.ca">Découvrez Plus</a> <a href="https://reservia.viarail.ca">Découvrez Plus</a>
@ -380,59 +399,77 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Un Site de Shopping Cool</h4> <h4>Un Site de Shopping Cool</h4>
<p>Créé un site de shopping qui est semblable à Amazon. Les utilisateurs peuvent ajouter et/ou supprimer <p>Créé un site de shopping qui est semblable à Amazon. Les utilisateurs peuvent ajouter
les articles qu'ils souhaitent en utilisant leur propre compte. Il a été conçu avec PHP, CSS, JavaScript, SQL et MySQL.</p> 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"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>.NET Web API avec Angular</h4> <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> Il est réalisé en utilisant C#, .NET, HTML, CSS, TypeScript, Node,js et Angular.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Mon Service d'Hébergement Git</h4> <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> avec Forgejo qui est un fork de Gitea. Il est réalisé en Go, Javascript, Roff et CSS. </p>
<div class="primary-button"> <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>
</div> </div>
</div>arcticclou </div>
<p>Un blog WordPress auto-hébergé est hébergé sur un serveur Ubuntu Linux via Oracle. Il est configuré <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. 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> WordPress est réalisé en PHP, JavaScript, HTML et CSS.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Mon Stockage Nextcloud</h4> <h4>Mon Stockage Nextcloud</h4>
<p>Un stockage Nextcloud auto-hébergé est hébergé sur un serveur Ubuntu Linux via Oracle. Nextcloud est <p>Un stockage Nextcloud auto-hébergé est hébergé sur un serveur Ubuntu Linux via Oracle.
réalisé en utilisant PHP, CSS, Javascript, TypeScript, Vue.js, Ruby et Gherkin.</p> Nextcloud est réalisé en utilisant PHP, CSS, Javascript, TypeScript, Vue.js, Ruby et
Gherkin.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://cloud.batuhan.basoglu.ca">Découvrez Plus</a> <a href="https://cloud.batuhan.basoglu.ca">Découvrez Plus</a>
</div> </div>
@ -441,10 +478,13 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Site Web du Complexe Immobilier Kargı</h4> <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"> <div class="primary-button">
<a href="https://kargisitesi.com/">Découvrez Plus</a> <a href="https://kargisitesi.com/">Découvrez Plus</a>
</div> </div>
@ -453,119 +493,160 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Système de Reconnaissance Faciale Antivol pour Véhicule</h4> <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> dans le projet de conception en génie informatique. </p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Demande de Service à Domicile Olympus</h4> <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 <p>Créé une application d'appareil Android en utilisant Java dans le cours d'introduction au
est une application d'appareil où l'utilisateur peut configurer ses coordonnées et commander un appareil génie
services depuis le domicile de l’utilisateur. L'application est réalisée sur Android Studio.</p> 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"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Système de Gestion Hôpital-Patient</h4> <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 <p>Créé un système de gestion hospitalière à l'aide de HTML, JavaScript, Node,js et React
classe. Dans le système de gestion hospitalière, l'utilisateur peut gérer les patients et les affecter à 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> les employés de l'hôpital où chaque employé effectue des actions différentes.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Site Web des Berceaux de Ken</h4> <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 <p>Réalisé un site immobilier en utilisant HTML, CSS, JavaScript, Node,js et React en
Classe d'interfaces. C'est un site Web où l'utilisateur peut parcourir les maisons, les rechercher dans Google 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> cartes ou contactez les agents depuis le formulaire de contact.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Alternative au Site Web Batuhan's Bikes avec Service Chatbot</h4> <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> dans le cours Analyse et conception d'interfaces utilisateur. </p>
<div class="primary-button"> <div class="primary-button">
<a <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Alternative au Site Web Batuhan's Bikes avec Formulaire de Validation</h4> <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> dans le cours Analyse et conception d'interfaces utilisateur.</p>
<div class="primary-button"> <div class="primary-button">
<a <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Site Web des Vélos de Batuhan</h4> <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 <p>Créé un site Web de société de services en utilisant HTML, CSS, JavaScript et Node.js
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> 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"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Alternative au Site Web de Sam's Mart</h4> <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> Cours de conception d'interfaces utilisateur.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Site Web de Sam's Mart</h4> <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> Classe d'interfaces.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website/">Découvrez Plus</a> <a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website/">Découvrez Plus</a>
@ -575,14 +656,17 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Questionnaire de l'Alternative au Site Web Facebook UI/UX avec Fonction d'Analyse</h4> <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> dans le cours Analyse et Conception d'Interfaces Utilisateurs.</p>
<div class="primary-button"> <div class="primary-button">
<a <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> Plus</a>
</div> </div>
</div> </div>
@ -590,14 +674,19 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Questionnaire du Site Facebook UI/UX</h4> <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 <p>Réalisé un site Web d'enquête Facebook en utilisant HTML, CSS, JavaScript et Node.js dans
Classe d'interfaces. Il s'agit d'un site Web qui pose des questions sur l'interface utilisateur de Facebook 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> avec le bouton Soumettre pour envoyer les réponses.</p>
<div class="primary-button"> <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> Plus</a>
</div> </div>
</div> </div>
@ -605,12 +694,13 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Mon Site Web</h4> <h4>Mon Site Web</h4>
<p>Ce même site Web que j'ai réalisé avec HTML, CSS et Javascript.</p> <p>Ce même site Web que j'ai réalisé avec HTML, CSS et Javascript.</p>
<div class="primary-button"> <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> Plus</a>
</div> </div>
</div> </div>
@ -642,8 +732,8 @@
<!-- slide 1 --> <!-- slide 1 -->
<div class="slide"> <div class="slide">
<a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img src="../img/UOttawa_Diploma.jpg" <a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img
alt="" /></a> src="../img/UOttawa_Diploma.jpg" alt="" /></a>
<div class="text-content"> <div class="text-content">
<h4>Diplôme en Génie Informatique de l'Université d'Ottawa</h4> <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 <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> src="../img/ironring-certificate-sm.jpg" alt="" /></a>
<div class="text-content"> <div class="text-content">
<h4>Le Rituel de l'Appel d'Ingénieur</h4> <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> l'intégrité de l'Ingénieur. Reçu le 13 juin 2021.</p>
</div> </div>
</div> </div>
@ -668,7 +759,8 @@
src="../img/horizons-certificate.jpg" alt="" /></a> src="../img/horizons-certificate.jpg" alt="" /></a>
<div class="text-content"> <div class="text-content">
<h4>Le Programme de Développement Professionnel Horizons</h4> <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> ressources professionnelles. Reçu le 26 avril 2021.</p>
</div> </div>
</div> </div>
@ -748,4 +840,4 @@
<script src="../js/main.js"></script> <script src="../js/main.js"></script>
</body> </body>
</html> </html>

164
index.html
View file

@ -25,7 +25,7 @@
<!--[if lt IE 8]> <!--[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> <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]--> <![endif]-->
<nav class="nav"> <nav class="nav">
<div class="burger"> <div class="burger">
<div class="burger__patty"></div> <div class="burger__patty"></div>
@ -55,23 +55,20 @@
</li> </li>
</ul> </ul>
</nav> </nav>
<div class="dropdown"> <div class="dropdown">
<button class="dropbtn"> <button class="dropbtn">
<img src="img/en.png" width="20" height="15"> English <img src="img/en.png" width="20" height="15"> English
</button> </button>
<div class="dropdown-content"> <div class="dropdown-content">
<a href="/fr/index.html"> <a href="/fr/index.html">
<img src="img/fr.png" <img src="img/fr.png" width="20" height="15"> Français</a>
width="20" height="15"> Français</a> <a href="/es/index.html">
<a href="/es/index.html"> <img src="img/es.png" width="20" height="15"> Español</a>
<img src="img/es.png" <a href="/tr/index.html">
width="20" height="15"> Español</a> <img src="img/tr.png" width="20" height="15"> Türkçe</a>
<a href="/tr/index.html"> </div>
<img src="img/tr.png"
width="20" height="15"> Türkçe</a>
</div>
</div> </div>
<section class="panel b-blue" id="home"> <section class="panel b-blue" id="home">
@ -89,10 +86,13 @@
<div class="home-box-content"> <div class="home-box-content">
<div class="left-text"> <div class="left-text">
<h4>About Me</h4> <h4>About Me</h4>
<p>Motivated Software Developer with an extensive knowledge of web development, design, and coding, <p>Motivated Software Developer with an extensive knowledge of web development, design, and
as well as experience in a wide range of programming languages, frameworks, and tools. Proven success coding,
in developing and deploying applications, websites, and web services. Highly organized and detail-oriented, as well as experience in a wide range of programming languages, frameworks, and tools. Proven
with a knack for finding creative solutions to challenging problems. 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> </p>
<div class="primary-button"> <div class="primary-button">
<a href="resume/CV_Batuhan.pdf">Download Resume</a> <a href="resume/CV_Batuhan.pdf">Download Resume</a>
@ -132,7 +132,8 @@
<h4>General</h4> <h4>General</h4>
<ul class="fa-ul"> <ul class="fa-ul">
<li> <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>
<li> <li>
<i class="fa-brands fa-wordpress"></i> <a href="https://blog.batuhan.basoglu.ca/">Blog</a> <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> <i class="fa-brands fa-x-twitter"></i> <a href="https://x.com/batuhanbbasoglu">X</a>
</li> </li>
<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>
<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> </li>
</ul> </ul>
<h4>Contact</h4> <h4>Contact</h4>
<ul class="fa-ul"> <ul class="fa-ul">
<li> <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>
<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>
<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> </li>
</ul> </ul>
<h4>Tipping</h4> <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> <i class="fa fa-coffee"></i> <a rel="me" href="https://ko-fi.com/batuhanbasoglu">Ko-Fi</a>
</li> </li>
<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> </li>
</ul> </ul>
<div class="primary-button"> <div class="primary-button">
@ -275,7 +282,16 @@
<div class="owl-carousel owl-theme projects-container"> <div class="owl-carousel owl-theme projects-container">
<div> <div>
<div class="project-item"> <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> </div>
</div> </div>
@ -286,7 +302,8 @@
<div class="text-content"> <div class="text-content">
<h4>Kargı Building Complex</h4> <h4>Kargı Building Complex</h4>
<p>(2021-2021)</p> <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"> <div class="primary-button">
<a href="https://kargisitesi.com/">Visit Website</a> <a href="https://kargisitesi.com/">Visit Website</a>
</div> </div>
@ -299,8 +316,9 @@
<div class="text-content"> <div class="text-content">
<h4>Atelye70</h4> <h4>Atelye70</h4>
<p>(2016-2016)</p> <p>(2016-2016)</p>
<p>Learned how to design houses with Atelye70 through an internship. <p>Learned how to design houses with Atelye70 through an internship.
Gained experience with AutoCAD and learned fundamental principles of architectural design.</p> Gained experience with AutoCAD and learned fundamental principles of architectural design.
</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://atelye70.com/">Visit Website</a> <a href="https://atelye70.com/">Visit Website</a>
</div> </div>
@ -335,8 +353,9 @@
<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"> <div class="text-content">
<h4>RPM Eco's Website</h4> <h4>RPM Eco's Website</h4>
<p>Worked on RPM Eco’s Website through a contract with RPM Eco. <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> 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"> <div class="primary-button">
<a href="https://rpm.eco">Discover More</a> <a href="https://rpm.eco">Discover More</a>
</div> </div>
@ -348,8 +367,9 @@
<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"> <div class="text-content">
<h4>VIA Rail Canada's Website</h4> <h4>VIA Rail Canada's Website</h4>
<p>Worked on VIA Rail Canada’s Website through a contract with IBM. <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> It is made using C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular and
Microsoft Azure. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://reservia.viarail.ca">Discover More</a> <a href="https://reservia.viarail.ca">Discover More</a>
</div> </div>
@ -361,10 +381,12 @@
<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"> <div class="text-content">
<h4>Cool Shopping Site</h4> <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> It is made using PHP, CSS, JavaScript, SQL and MySQL.</p>
<div class="primary-button"> <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> </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> <a href="img/project-20.jpg" data-lightbox="image-2"><img src="img/project-20.jpg" alt=""></a>
<div class="text-content"> <div class="text-content">
<h4>.NET Web API with Angular</h4> <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> It is made using C#, .NET, HTML, CSS, TypeScript, Node,js and Angular. </p>
<div class="primary-button"> <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> </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> <a href="img/project-19.jpg" data-lightbox="image-2"><img src="img/project-19.jpg" alt=""></a>
<div class="text-content"> <div class="text-content">
<h4>My Git Hosting Service</h4> <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> with Forgejo which is a fork of Gitea. It is made using Go, Javascript, Roff and CSS. </p>
<div class="primary-button"> <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> </div>
</div> </div>
@ -404,7 +429,7 @@
with Activity Pub to connect with other federated social networks. with Activity Pub to connect with other federated social networks.
WordPress is made using PHP, JavaScript, HTML and CSS.</p> WordPress is made using PHP, JavaScript, HTML and CSS.</p>
<div class="primary-button"> <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> </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> <a href="img/project-12.jpg" data-lightbox="image-2"><img src="img/project-12.jpg" alt=""></a>
<div class="text-content"> <div class="text-content">
<h4>Kargı Building Complex's Website</h4> <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"> <div class="primary-button">
<a href="https://kargisitesi.com/">Discover More</a> <a href="https://kargisitesi.com/">Discover More</a>
</div> </div>
@ -439,10 +465,13 @@
<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"> <div class="text-content">
<h4>Vehicle Anti-Theft Face Recognition System</h4> <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> Computer Engineering Design Project. </p>
<div class="primary-button"> <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> </div>
</div> </div>
@ -456,7 +485,8 @@
is an appliance application where user can set up his/her details and order appliance 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> services from user’s home. App is made on the Android Studio.</p>
<div class="primary-button"> <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> More</a>
</div> </div>
</div> </div>
@ -467,11 +497,13 @@
<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"> <div class="text-content">
<h4>Hospital-Patient Management System</h4> <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 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> the hospital employees where each employee makes different actions.</p>
<div class="primary-button"> <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> </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> <a href="img/project-8.jpg" data-lightbox="image-2"><img src="img/project-8.jpg" alt=""></a>
<div class="text-content"> <div class="text-content">
<h4>Kene's Cribs Website</h4> <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 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> maps or contact the agents from the contact form.</p>
<div class="primary-button"> <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> </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> <a href="img/project-7.jpg" data-lightbox="image-2"><img src="img/project-7.jpg" alt=""></a>
<div class="text-content"> <div class="text-content">
<h4>Batuhan's Bikes Website Alternative with Chatbot Service</h4> <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> Analysis and Design of User Interfaces class. </p>
<div class="primary-button"> <div class="primary-button">
<a <a
@ -510,7 +545,8 @@
<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"> <div class="text-content">
<h4>Batuhan's Bikes Website Alternative with Validating Form</h4> <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> Analysis and Design of User Interfaces class.</p>
<div class="primary-button"> <div class="primary-button">
<a <a
@ -525,7 +561,8 @@
<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"> <div class="text-content">
<h4>Batuhan's Bikes Website</h4> <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> Interfaces class. It is a bike service company website which talks about bike repairs.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Discover More</a> <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> <a href="img/project-4.jpg" data-lightbox="image-2"><img src="img/project-4.jpg" alt=""></a>
<div class="text-content"> <div class="text-content">
<h4>Sam's Mart Website Alternative</h4> <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> Design of User Interfaces class.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website-Alternative/">Discover <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> <a href="img/project-3.jpg" data-lightbox="image-2"><img src="img/project-3.jpg" alt=""></a>
<div class="text-content"> <div class="text-content">
<h4>Sam's Mart Website</h4> <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> Interfaces class. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Sam-s-Mart-Website/">Discover More</a> <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> <a href="img/project-2.jpg" data-lightbox="image-2"><img src="img/project-2.jpg" alt=""></a>
<div class="text-content"> <div class="text-content">
<h4>Questionnaire of the Facebook UI/UX Website Alternative with Analysis Function</h4> <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> Analysis and Design of User Interfaces class.</p>
<div class="primary-button"> <div class="primary-button">
<a <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> More</a>
</div> </div>
</div> </div>
@ -580,11 +620,13 @@
<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"> <div class="text-content">
<h4>Questionnaire of the Facebook UI/UX Website</h4> <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 Interfaces class. This is a website that asks questions about the Facebook user interface
with submit button to send the answers.</p> with submit button to send the answers.</p>
<div class="primary-button"> <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> More</a>
</div> </div>
</div> </div>
@ -597,7 +639,7 @@
<h4>My Website</h4> <h4>My Website</h4>
<p>This very website that I made with HTML, CSS and JavaScript.</p> <p>This very website that I made with HTML, CSS and JavaScript.</p>
<div class="primary-button"> <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> More</a>
</div> </div>
</div> </div>

330
tr/index.html
View file

@ -25,7 +25,7 @@
<!--[if lt IE 8]> <!--[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> <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]--> <![endif]-->
<nav class="nav"> <nav class="nav">
<div class="burger"> <div class="burger">
<div class="burger__patty"></div> <div class="burger__patty"></div>
@ -62,15 +62,12 @@
</button> </button>
<div class="dropdown-content"> <div class="dropdown-content">
<a href="../index.html"> <a href="../index.html">
<img src="../img/en.png" <img src="../img/en.png" width="20" height="15"> English</a>
width="20" height="15"> English</a> <a href="../fr/index.html">
<a href="../fr/index.html"> <img src="../img/fr.png" width="20" height="15"> Français</a>
<img src="../img/fr.png" <a href="../es/index.html">
width="20" height="15"> Français</a> <img src="../img/es.png" width="20" height="15"> Español</a>
<a href="../es/index.html">
<img src="../img/es.png"
width="20" height="15"> Español</a>
</div> </div>
</div> </div>
@ -89,9 +86,12 @@
<div class="home-box-content"> <div class="home-box-content">
<div class="left-text"> <div class="left-text">
<h4>Hakkımda</h4> <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 <p>İnternet geliştirme, tasarım ve kodlama konularında geniş bilgiye sahip, motive olmuş bir
dili, çerçeve ve araç yelpazesinde deneyime sahip. Uygulamalar, web siteleri ve web hizmetleri geliştirme ve dağıtma konusundaki Yazılım Geliştiricisi. Geniş bir programlama
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 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ı. yeteneğine sahip bir programcı.
</p> </p>
<div class="primary-button"> <div class="primary-button">
@ -132,31 +132,38 @@
<h4>Genel</h4> <h4>Genel</h4>
<ul class="fa-ul"> <ul class="fa-ul">
<li> <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>
<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>
<li> <li>
<i class="fa-brands fa-x-twitter"></i> <a href="https://x.com/batuhanbbasoglu">X</a> <i class="fa-brands fa-x-twitter"></i> <a href="https://x.com/batuhanbbasoglu">X</a>
</li> </li>
<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>
<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> </li>
</ul> </ul>
<h4>İletİşİm</h4> <h4>İletİşİm</h4>
<ul class="fa-ul"> <ul class="fa-ul">
<li> <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>
<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>
<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> </li>
</ul> </ul>
<h4>Bahşİş</h4> <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> <i class="fa fa-coffee"></i> <a rel="me" href="https://ko-fi.com/batuhanbasoglu">Ko-Fi</a>
</li> </li>
<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> </li>
</ul> </ul>
<div class="primary-button"> <div class="primary-button">
@ -284,12 +292,14 @@
<div class="owl-carousel owl-theme projects-container"> <div class="owl-carousel owl-theme projects-container">
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Inovestor</h4> <h4>Inovestor</h4>
<p>(2021-2024)</p> <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ı. <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> kullanılarak bu web siteleriyle çalışıldı.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://www.inovestor.com/">Sİteyİ Zİyaret Et</a> <a href="https://www.inovestor.com/">Sİteyİ Zİyaret Et</a>
@ -303,8 +313,9 @@
<div class="text-content"> <div class="text-content">
<h4>Kargı Building Complex</h4> <h4>Kargı Building Complex</h4>
<p>(2021-2021)</p> <p>(2021-2021)</p>
<p>Yarı zamanlı olarak web geliştiricisi olarak çalışıldı. Kargı sitesine web sitesi yapıldı. <p>Yarı zamanlı olarak web geliştiricisi olarak çalışıldı. Kargı sitesine web sitesi
HTML, CSS, TypeScript, JavaScript, Node,js ve Angular kullanılarak Kargı Sitesi için 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ı. bir reklam web sitesi yaratıldı ve işverenden mükemmel geri bildirim alındı.
</p> </p>
<div class="primary-button"> <div class="primary-button">
@ -315,7 +326,8 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Atelye70</h4> <h4>Atelye70</h4>
<p>(2016-2016)</p> <p>(2016-2016)</p>
@ -353,11 +365,13 @@
<div class="owl-carousel owl-theme projects-container"> <div class="owl-carousel owl-theme projects-container">
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>RPM Eco'nun Websİtesİ</h4> <h4>RPM Eco'nun Websİtesİ</h4>
<p>RPM Eco ile yapılan sözleşme kapsamında RPM Eco Web Sitesinde çalışıldı. <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> C#, .NET, ASP.NET, IIS, HTML, CSS, Typescript, Next.js, React, SQL, MySQL ve Microsoft
Azure kullanıldı.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://rpm.eco">Daha Fazlasını Keşfet</a> <a href="https://rpm.eco">Daha Fazlasını Keşfet</a>
</div> </div>
@ -366,11 +380,13 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>VIA Raİl Canada'nın Websİtesİ</h4> <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ı. <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> C#, .NET, ASP.NET, IIS, HTML, CSS, JavaScript, Node,js, Angular ve Microsoft Azure
kullanıldı. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://reservia.viarail.ca">Daha Fazlasını Keşfet</a> <a href="https://reservia.viarail.ca">Daha Fazlasını Keşfet</a>
</div> </div>
@ -379,63 +395,76 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>HavalI AlIşverİş Sİtesİ</h4> <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ı <p>Amazon'a benzeyen alışveriş sitesi oluşturuldu. Kullanıcılar kendi hesaplarını kullanarak
ürünleri ekleyebilir ve/veya silebilir. Site PHP, CSS, JavaScript, SQL ve MySQL ile oluşturuldu.</p> arzuladıkları
ürünleri ekleyebilir ve/veya silebilir. Site PHP, CSS, JavaScript, SQL ve MySQL ile
oluşturuldu.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>.NET Web API İle Angular</h4> <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> C#, .NET, HTML, CSS, TypeScript, Node,js ve Angular kullanılarak yapıldı.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Gİt Barındırma Hİzmetİm</h4> <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 <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"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>WordPress Blogum</h4> <h4>WordPress Blogum</h4>
<p>Oracle aracılığıyla bir Ubuntu Linux sunucusunda barındırılan, kendi kendine barındırılan <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> WordPress PHP, JavaScript, HTML ve CSS kullanıldı.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Nextcloud Depom</h4> <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> Nextcloud'da PHP, CSS, Javascript, TypeScript, Vue.js, Ruby and Gherkin kullanıldı.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://cloud.batuhan.basoglu.ca">Daha Fazlasını Keşfet</a> <a href="https://cloud.batuhan.basoglu.ca">Daha Fazlasını Keşfet</a>
@ -445,10 +474,12 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Kargı Yapı Sİtesİnİn Web Sİtesİ</h4> <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"> <div class="primary-button">
<a href="https://kargisitesi.com/">Daha Fazlasını Keşfet</a> <a href="https://kargisitesi.com/">Daha Fazlasını Keşfet</a>
</div> </div>
@ -457,125 +488,120 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Araç Hırsızlığına Karşı Yüz Tanıma Sistemİ</h4> <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> Araç Hırsızlığına Karşı Yüz Tanıma Sistemi yapıldı. </p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Olympus Ev Hİzmetİ Uygulaması</h4> <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 <p>Yazılım Mühendisliğine Giriş dersinde Java kullanılarak Android cihaz uygulaması yapıldı.
kullanıcının bilgilerini ayarlayabileceği ve cihaz sipariş edebileceği bir cihaz uygulamasıdır. Bu
Kullanıcının evi için hizmetlere uygulamadan erişim sunar. Uygulamayı Android Studio'da yaptı.</p> 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"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Hastane-Hasta Yönetİm Sİstemİ</h4> <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ı. <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, JavaScript, Node,js ve React
Bu Hastane Yönetim Sisteminde kullanıcı hastaları yönetebilir ve her çalışanın farklı eylemlerde bulunduğu hastane çalışanları ile 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> onlara atama yapabilir.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Kene's Cribs Web Sİtesİ</h4> <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. 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> 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"> <div class="text-content">
<h4>Batuhan'ın Bİsİkletlerİ Chatbot Hizmetİyle Web Sİtesİ Alternatİfİ</h4> <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> web sitesi ile alternatif bir hizmet şirketi yapıldı.</p>
<div class="primary-button"> <div class="primary-button">
<a <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Batuhan'ın Bİsİkletlerİ Web Sİtesİ Alternatİfİ</h4> <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"> <div class="primary-button">
<a <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Batuhan'ın Bİsİkletlerİ Web Sİtesİ</h4> <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> Bu, Bisiklet onarımlarından bahseden bir bisiklet servis şirketi web sitesidir.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Daha Fazlasını Keşfet</a> <a href="https://batuhan-basoglu.codeberg.page/Batuhan-s-Bikes-Website/">Daha Fazlasını
</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ı
Keşfet</a> Keşfet</a>
</div> </div>
</div> </div>
@ -583,25 +609,80 @@
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Facebook UI/UX Web Sİtesİ Anketİ</h4> <h4>Sam's Mart Web Sİtesİ Alternatİfİ</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ı. <p>Kullanıcı Arayüzlerinin Analizi ve Tasarımı dersinde HTML, CSS, JavaScript ve Node.js
Bu, Cevapları gönderilmesi için gönder düğmesiyle Facebook kullanıcı arayüzü hakkında sorular sorulan bir web sitesidir.</p> kullanılarak alternatif bir bakkal web sitesi hazırlandı.</p>
<div class="primary-button"> <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>
</div> </div>
<div> <div>
<div class="project-item"> <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"> <div class="text-content">
<h4>Websİtem</h4> <h4>Websİtem</h4>
<p>Bu web sitesi HTML, CSS ve Javascript ile yapıldı.</p> <p>Bu web sitesi HTML, CSS ve Javascript ile yapıldı.</p>
<div class="primary-button"> <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> </div>
</div> </div>
@ -632,8 +713,8 @@
<!-- slide 1 --> <!-- slide 1 -->
<div class="slide"> <div class="slide">
<a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img src="../img/UOttawa_Diploma.jpg" <a href="../img/UOttawa_Diploma.jpg" data-lightbox="image-3"><img
alt="" /></a> src="../img/UOttawa_Diploma.jpg" alt="" /></a>
<div class="text-content"> <div class="text-content">
<h4>Ottawa Ünİversİtesİ Bİlgİsayar Mühendİslİğİ Derecesİ</h4> <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 <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> src="../img/horizons-certificate.jpg" alt="" /></a>
<div class="text-content"> <div class="text-content">
<h4>Horİzons Meslekİ Gelİşİm Programı</h4> <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> 26 Nisan 2021'de alındı.</p>
</div> </div>
</div> </div>
@ -691,8 +773,7 @@
<div class="contact-form"> <div class="contact-form">
<form id="contact" action="https://formspree.io/f/mrgvywen" method="POST"> <form id="contact" action="https://formspree.io/f/mrgvywen" method="POST">
<fieldset> <fieldset>
<input name="name" type="text" class="form-control" id="name" placeholder="İsminiz" <input name="name" type="text" class="form-control" id="name" placeholder="İsminiz" required>
required>
</fieldset> </fieldset>
<fieldset> <fieldset>
<input name="email" type="email" class="form-control" id="email" placeholder="Email" required> <input name="email" type="email" class="form-control" id="email" placeholder="Email" required>
@ -709,7 +790,8 @@
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="more-info"> <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> <em>Montreal, QC</em>
</p> </p>
</div> </div>
@ -738,4 +820,4 @@
<script src="../js/main.js"></script> <script src="../js/main.js"></script>
</body> </body>
</html> </html>