diff --git a/public/favicon.ico b/public/favicon.ico index fcb9fa1..8e8353d 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/public/img/background.png b/public/img/background.png deleted file mode 100644 index 4759cbe..0000000 Binary files a/public/img/background.png and /dev/null differ diff --git a/public/img/icon/PostgreSQL.png b/public/img/icon/PostgreSQL.png new file mode 100644 index 0000000..cd6e3e7 Binary files /dev/null and b/public/img/icon/PostgreSQL.png differ diff --git a/public/img/icon/SQL-Server.png b/public/img/icon/SQL-Server.png new file mode 100644 index 0000000..fed9cdd Binary files /dev/null and b/public/img/icon/SQL-Server.png differ diff --git a/public/img/icon/Typescript.png b/public/img/icon/Typescript.png new file mode 100644 index 0000000..879bf83 Binary files /dev/null and b/public/img/icon/Typescript.png differ diff --git a/public/img/icon/WebStorm.png b/public/img/icon/WebStorm.png new file mode 100644 index 0000000..c21ed0b Binary files /dev/null and b/public/img/icon/WebStorm.png differ diff --git a/public/img/icon/androidStudio.png b/public/img/icon/androidStudio.png new file mode 100644 index 0000000..57d664c Binary files /dev/null and b/public/img/icon/androidStudio.png differ diff --git a/public/img/icon/angular.png b/public/img/icon/angular.png new file mode 100644 index 0000000..1b52700 Binary files /dev/null and b/public/img/icon/angular.png differ diff --git a/public/img/icon/dart.png b/public/img/icon/dart.png new file mode 100644 index 0000000..07f63d0 Binary files /dev/null and b/public/img/icon/dart.png differ diff --git a/public/img/icon/flutter.png b/public/img/icon/flutter.png new file mode 100644 index 0000000..4892803 Binary files /dev/null and b/public/img/icon/flutter.png differ diff --git a/public/img/icon/git.png b/public/img/icon/git.png new file mode 100644 index 0000000..51f4ae5 Binary files /dev/null and b/public/img/icon/git.png differ diff --git a/public/img/icon/java.png b/public/img/icon/java.png new file mode 100644 index 0000000..b9425ad Binary files /dev/null and b/public/img/icon/java.png differ diff --git a/public/img/icon/js.png b/public/img/icon/js.png new file mode 100644 index 0000000..9f14862 Binary files /dev/null and b/public/img/icon/js.png differ diff --git a/public/img/icon/kotlin.png b/public/img/icon/kotlin.png new file mode 100644 index 0000000..beb83ad Binary files /dev/null and b/public/img/icon/kotlin.png differ diff --git a/public/img/icon/mariaDB.png b/public/img/icon/mariaDB.png new file mode 100644 index 0000000..b2919f3 Binary files /dev/null and b/public/img/icon/mariaDB.png differ diff --git a/public/img/icon/mongo.png b/public/img/icon/mongo.png new file mode 100644 index 0000000..17da546 Binary files /dev/null and b/public/img/icon/mongo.png differ diff --git a/public/img/icon/mysql.png b/public/img/icon/mysql.png new file mode 100644 index 0000000..42991d1 Binary files /dev/null and b/public/img/icon/mysql.png differ diff --git a/public/img/icon/php.png b/public/img/icon/php.png new file mode 100644 index 0000000..146b16f Binary files /dev/null and b/public/img/icon/php.png differ diff --git a/public/img/icon/phpstorm.png b/public/img/icon/phpstorm.png new file mode 100644 index 0000000..00cce71 Binary files /dev/null and b/public/img/icon/phpstorm.png differ diff --git a/public/img/icon/python.png b/public/img/icon/python.png new file mode 100644 index 0000000..a29196d Binary files /dev/null and b/public/img/icon/python.png differ diff --git a/public/img/icon/sf.png b/public/img/icon/sf.png new file mode 100644 index 0000000..70ec254 Binary files /dev/null and b/public/img/icon/sf.png differ diff --git a/public/img/icon/spring.png b/public/img/icon/spring.png new file mode 100644 index 0000000..f6e482f Binary files /dev/null and b/public/img/icon/spring.png differ diff --git a/public/img/icon/studio_code.png b/public/img/icon/studio_code.png new file mode 100644 index 0000000..49f63ff Binary files /dev/null and b/public/img/icon/studio_code.png differ diff --git a/public/img/icon/tailwind.png b/public/img/icon/tailwind.png new file mode 100644 index 0000000..bbbc39d Binary files /dev/null and b/public/img/icon/tailwind.png differ diff --git a/public/img/logo.png b/public/img/logo.png deleted file mode 100644 index d0d99ef..0000000 Binary files a/public/img/logo.png and /dev/null differ diff --git a/public/img/pp.jpeg b/public/img/pp.jpeg new file mode 100644 index 0000000..ec913a4 Binary files /dev/null and b/public/img/pp.jpeg differ diff --git a/public/src/assets/cv.pdf b/public/src/assets/cv.pdf new file mode 100644 index 0000000..a08664d Binary files /dev/null and b/public/src/assets/cv.pdf differ diff --git a/src/app/public/pages/experience/experience.component.css b/src/app/public/pages/experience/experience.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/public/pages/experience/experience.component.html b/src/app/public/pages/experience/experience.component.html new file mode 100644 index 0000000..62258f2 --- /dev/null +++ b/src/app/public/pages/experience/experience.component.html @@ -0,0 +1,316 @@ + +
+
+ +
+

Mon Expérience Professionnelle

+
+

Mon parcours professionnel dans le développement informatique et les technologies.

+
+ + +
+
+ +
+
+
+ Développement +
+

Développeur

+

Nov. 2023 - Présent

+
+
+ + +
+
+

Almeria Solutions Informatiques

+ 1,5 ans +
+ +

Conception et développement d'applications web et de logiciels d'intégration ERP.

+ +

Missions principales:

+
    +
  • + + + + Analyse, conception et développement d'applications web +
  • +
  • + + + + Création de logiciels d'intégration ERP +
  • +
  • + + + + Maintenance et évolution des applications existantes +
  • +
+ +
+ Angular + Spring Boot + TypeScript + Java + Git +
+
+
+
+ + +
+
+ +
+
+
+ Technicien +
+

Technicien

+

2021 - 2023

+
+
+ + +
+
+

CEREMA

+ 2 ans +
+ +

Technicien évaluation mesure trafic et mobilité, spécialisé dans l'installation de capteurs et l'analyse de données.

+ +

Missions principales:

+
    +
  • + + + + Installation de capteurs provisoires dans le secteur mobilité +
  • +
  • + + + + Optimisation des données dans l'innovation d'outils numériques +
  • +
  • + + + + Analyse et traitement des données de trafic et mobilité +
  • +
+ +
+ Analyse de données + IoT + Capteurs + Outils numériques +
+
+
+
+ + +
+
+ +
+
+
+ Télécom +
+

Agent télécom

+

2019 - 2021

+
+
+ + +
+
+

RESEAU SNCF

+ 2 ans +
+ +

Agent télécom chargé de la maintenance des équipements de sonorisation, d'affichage et de téléphonie sur le réseau ferroviaire.

+ +

Missions principales:

+
    +
  • + + + + Maintenance préventive et corrective des équipements de sonorisation +
  • +
  • + + + + Installation et réparation des systèmes d'affichage en gare +
  • +
  • + + + + Gestion des équipements téléphoniques sur les voies ferrées +
  • +
+ +
+ Télécommunications + Maintenance + Équipements audio + Affichage dynamique +
+
+
+
+ + +
+

Compétences professionnelles

+ +
+ +
+

+ + + + + Compétences techniques +

+ + +
+
+
+ Développement Frontend (Angular, JS/TS) + 90% +
+
+
+
+
+ +
+
+ Développement Backend (Java, Spring Boot) + 85% +
+
+
+
+
+ +
+
+ Intégration ERP + 80% +
+
+
+
+
+ +
+
+ Analyse et traitement de données + 75% +
+
+
+
+
+ +
+
+ Maintenance équipements spécialisés + 85% +
+
+
+
+
+
+
+ + +
+

+ + + + Compétences transversales +

+ +
+
+ + + + Gestion de projet +
+ +
+ + + + Travail en équipe +
+ +
+ + + + Résolution de problèmes +
+ +
+ + + + Communication +
+ +
+ + + + Autonomie +
+ +
+ + + + Organisation +
+ +
+ + + + Adaptation +
+ +
+ + + + Veille technologique +
+
+
+
+
+
+
diff --git a/src/app/public/pages/experience/experience.component.ts b/src/app/public/pages/experience/experience.component.ts new file mode 100644 index 0000000..fb0721d --- /dev/null +++ b/src/app/public/pages/experience/experience.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-experience', + imports: [], + templateUrl: './experience.component.html', + styleUrl: './experience.component.css' +}) +export class ExperienceComponent { + +} diff --git a/src/app/public/pages/formations/formations.component.css b/src/app/public/pages/formations/formations.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/public/pages/formations/formations.component.html b/src/app/public/pages/formations/formations.component.html new file mode 100644 index 0000000..8d2b409 --- /dev/null +++ b/src/app/public/pages/formations/formations.component.html @@ -0,0 +1,167 @@ + +
+
+ +
+

Mes Formations

+
+

Mon parcours académique dans le domaine du développement et des systèmes numériques.

+
+ + +
+ + + + +
+
+ +
+ 2021 - 2023 +
+ + +
+ +
+ + + + + + + + +
+

Concepteur Développeur d'Application

+

Campus ENI

+

Formation complète sur la conception et le développement d'applications web et mobiles. Acquisition des compétences en architecture logicielle et gestion de projets informatiques.

+
+
+
+ + +
+
+ +
+ 2018 - 2021 +
+ + + + + + + + +
+ +
+ + +
+

BTS Systèmes Numériques

+

Campus Saint Félix La Salle

+

Formation technique sur les systèmes électroniques et informatiques, avec une spécialisation dans l'informatique industrielle et les réseaux.

+
+
+
+ + +
+
+ +
+ 2016 - 2018 +
+ + +
+ +
+ + + + + + + + +
+

BAC PRO Systèmes Numériques

+

Campus Saint Félix La Salle

+

Formation initiale aux systèmes électroniques et réseaux informatiques. Apprentissage des bases de l'installation et de la maintenance de systèmes numériques.

+
+
+
+
+ + +
+

Certifications & Formation continue

+
+ +
+
+
+ Certification +
+

Angular Avancé

+
+

Formation spécialisée sur les fonctionnalités avancées d'Angular et les meilleures pratiques de développement

+
2023
+
+ + +
+
+
+ Certification +
+

Spring Boot

+
+

Maîtrise du framework Spring Boot pour le développement d'applications Java robustes et évolutives

+
2022
+
+ + +
+
+
+ Certification +
+

Git & DevOps

+
+

Formation sur les méthodologies DevOps et les outils de versionnement et d'intégration continue

+
2021
+
+
+
+
+
diff --git a/src/app/public/pages/formations/formations.component.ts b/src/app/public/pages/formations/formations.component.ts new file mode 100644 index 0000000..2e5894d --- /dev/null +++ b/src/app/public/pages/formations/formations.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-formations', + imports: [], + templateUrl: './formations.component.html', + styleUrl: './formations.component.css' +}) +export class FormationsComponent { + +} diff --git a/src/app/public/pages/home/home.component.html b/src/app/public/pages/home/home.component.html index 0fa55a3..6003340 100644 --- a/src/app/public/pages/home/home.component.html +++ b/src/app/public/pages/home/home.component.html @@ -1,83 +1,246 @@ - -
- Image de fond -
-
-

Développeur web

-
-
-

Johan Leroy

-
-
-
- - -
-
-

Mes Projets

- -
- -
- Projet 1 -
-

Projet 1

-

Description du projet 1. Voici quelques détails sur ce projet et les technologies utilisées.

- Voir plus +
+
+
+
+

+ Johan Leroy +

+

Développeur

+

Passionné par le développement d'applications et l'innovation technologique.

+
- - -
- Projet 2 -
-

Projet 2

-

Description du projet 2. Voici quelques détails sur ce projet et les technologies utilisées.

- Voir plus -
-
- - -
- Projet 3 -
-

Projet 3

-

Description du projet 3. Voici quelques détails sur ce projet et les technologies utilisées.

- Voir plus -
-
- - -
- Projet 4 -
-

Projet 4

-

Description du projet 4. Voici quelques détails sur ce projet et les technologies utilisées.

- Voir plus -
-
- - -
- Projet 5 -
-

Projet 5

-

Description du projet 5. Voici quelques détails sur ce projet et les technologies utilisées.

- Voir plus -
-
- - -
- Projet 6 -
-

Projet 6

-

Description du projet 6. Voici quelques détails sur ce projet et les technologies utilisées.

- Voir plus +
+ +
+ Johan Leroy +
+
+
+
+
+
+
+
+
+
+

Langages

+
+
+
+ dart +
+
+ Dart +
+
+
+
+ java +
+
+ Java +
+
+
+
+ js +
+
+ JavaScript +
+
+
+
+ ts +
+
+ TypeScript +
+
+
+
+ kotlin +
+
+ Kotlin +
+
+
+
+ php +
+
+ PHP +
+
+
+
+ python +
+
+ Python +
+
+
+
+
+
+
+

frameworks

+
+
+
+ angular +
+
+ Angular +
+
+
+
+ flutter +
+
+ Flutter +
+
+
+
+ Symfony +
+
+ Symfony +
+
+
+
+ spring boot +
+
+ Spring Boot +
+
+
+
+ tailwind +
+
+ Tailwind CSS +
+
+
+
+
+
+
+

Bases de données

+
+
+
+ mariaDB +
+
+ mariaDB +
+
+
+
+ mongoDB +
+
+ mongoDB +
+
+
+
+ mysql +
+
+ MySQL +
+
+
+
+ postgreSQL +
+
+ PostgreSQL +
+
+
+
+ SQLserver +
+
+ SQLserver +
+
+
+
+
+
+
+

Outils

+
+
+
+ android studio +
+
+ Android Studio +
+
+
+
+ git +
+
+ Git +
+
+
+
+ phpstorm +
+
+ PhpStorm +
+
+
+
+ webstorm +
+
+ WebStorm +
+
+
+
+ studio code +
+
+ Studio Code +
+
+
+
+
+
+
+

Centres d'intérêt

+
+ Jeux vidéo + Films & Séries + DJ + Projet personnel +
diff --git a/src/app/public/pages/home/home.component.ts b/src/app/public/pages/home/home.component.ts index 146878d..3cb17db 100644 --- a/src/app/public/pages/home/home.component.ts +++ b/src/app/public/pages/home/home.component.ts @@ -1,13 +1,14 @@ import {Component} from '@angular/core'; +import {RouterLink} from '@angular/router'; @Component({ selector: 'app-home', - imports: [], + imports: [ + RouterLink + ], templateUrl: './home.component.html', styleUrl: './home.component.css' }) export class HomeComponent { - - } diff --git a/src/app/public/pages/not-found/not-found.component.html b/src/app/public/pages/not-found/not-found.component.html index 8071020..12c182d 100644 --- a/src/app/public/pages/not-found/not-found.component.html +++ b/src/app/public/pages/not-found/not-found.component.html @@ -1 +1,24 @@ -

not-found works!

+
+
+ +
+
+
404
+
+
+ + +

Page non trouvée

+

Oups ! La page que vous recherchez n'existe pas.

+ + + +
+
diff --git a/src/app/public/pages/projets/projets.component.css b/src/app/public/pages/projets/projets.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/public/pages/projets/projets.component.html b/src/app/public/pages/projets/projets.component.html new file mode 100644 index 0000000..b2e4884 --- /dev/null +++ b/src/app/public/pages/projets/projets.component.html @@ -0,0 +1,191 @@ + +
+
+ +
+

Mes Projets

+
+

Une sélection de mes réalisations professionnelles et personnelles dans le domaine du développement.

+
+ + +
+ + +
+
+ Projet 1 +
+ Web +
+
+
+

Application de Gestion de Tâches

+

Développement d'une application web complète pour la gestion de projets et le suivi des tâches d'équipe.

+
+ Angular + Spring Boot + MySQL +
+ + Voir le projet + +
+
+ + +
+
+ Projet 2 +
+ Mobile +
+
+
+

Application Mobile de Fitness

+

Conception et développement d'une application mobile pour le suivi d'activités sportives et la planification d'entraînements.

+
+ React Native + Firebase + Redux +
+ + Voir le projet + +
+
+ + +
+
+ Projet 3 +
+ API +
+
+
+

API de Services Bancaires

+

Développement d'une API RESTful sécurisée pour la gestion de transactions bancaires et l'authentification des utilisateurs.

+
+ Java + Spring Security + PostgreSQL +
+ + Voir le projet + +
+
+ + +
+
+ Projet 4 +
+ Frontend +
+
+
+

Dashboard Analytique

+

Création d'un tableau de bord interactif pour la visualisation de données commerciales avec des graphiques dynamiques.

+
+ Vue.js + D3.js + Tailwind CSS +
+ + Voir le projet + +
+
+ + +
+
+ Projet 5 +
+ E-commerce +
+
+
+

Boutique en Ligne

+

Développement d'une plateforme e-commerce complète avec système de paiement et gestion des stocks.

+
+ React + Node.js + MongoDB +
+ + Voir le projet + +
+
+ + +
+
+ Projet 6 +
+ DevOps +
+
+
+

Pipeline CI/CD

+

Mise en place d'une infrastructure d'intégration et de déploiement continus pour accélérer le cycle de développement.

+
+ Docker + Jenkins + AWS +
+ + Voir le projet + +
+
+
+ + +
+

Projet en Vedette

+
+
+
+ Projet en vedette +
+
+
+ Full Stack +
+

Plateforme Collaborative pour Développeurs

+

+ Conception et développement complet d'une plateforme permettant aux développeurs de collaborer sur des projets open source, partager des ressources et échanger des connaissances. +

+
+ React + GraphQL + Node.js + MongoDB + AWS +
+ +
+
+
+
+ + +
+

Vous avez un projet en tête ? N'hésitez pas à me contacter pour en discuter.

+ + Me contacter + +
+
+
diff --git a/src/app/public/pages/projets/projets.component.ts b/src/app/public/pages/projets/projets.component.ts new file mode 100644 index 0000000..ef5ace5 --- /dev/null +++ b/src/app/public/pages/projets/projets.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-projets', + imports: [], + templateUrl: './projets.component.html', + styleUrl: './projets.component.css' +}) +export class ProjetsComponent { + +} diff --git a/src/app/public/public-layout/public-layout.component.html b/src/app/public/public-layout/public-layout.component.html index 67e7bd4..15689e1 100644 --- a/src/app/public/public-layout/public-layout.component.html +++ b/src/app/public/public-layout/public-layout.component.html @@ -1 +1,43 @@ - + diff --git a/src/app/public/public-layout/public-layout.component.ts b/src/app/public/public-layout/public-layout.component.ts index 97b3ec7..f9ca699 100644 --- a/src/app/public/public-layout/public-layout.component.ts +++ b/src/app/public/public-layout/public-layout.component.ts @@ -1,14 +1,23 @@ import { Component } from '@angular/core'; -import {RouterOutlet} from '@angular/router'; +import {RouterLink, RouterOutlet} from '@angular/router'; +import {NgIf} from '@angular/common'; @Component({ selector: 'app-public-layout', imports: [ - RouterOutlet + RouterOutlet, + NgIf, + RouterLink ], templateUrl: './public-layout.component.html', styleUrl: './public-layout.component.css' }) export class PublicLayoutComponent { + mobileMenuOpen = false; + + toggleMobileMenu() { + this.mobileMenuOpen = !this.mobileMenuOpen; + } + } diff --git a/src/app/public/public-routing.module.ts b/src/app/public/public-routing.module.ts index 45634d1..7c85a3f 100644 --- a/src/app/public/public-routing.module.ts +++ b/src/app/public/public-routing.module.ts @@ -3,10 +3,17 @@ import { RouterModule, Routes } from '@angular/router'; import {NotFoundComponent} from './pages/not-found/not-found.component'; import {PublicLayoutComponent} from './public-layout/public-layout.component'; import {HomeComponent} from './pages/home/home.component'; +import {FormationsComponent} from './pages/formations/formations.component'; +import {ExperienceComponent} from './pages/experience/experience.component'; +import {ProjetsComponent} from './pages/projets/projets.component'; const routes: Routes = [ { path: '', component: PublicLayoutComponent, children: [ { path: '', component: HomeComponent }, + + { path: 'formations', component: FormationsComponent }, + { path: 'experience', component: ExperienceComponent }, + { path: 'projets', component: ProjetsComponent }, ] }, { path: '**', component: NotFoundComponent }, diff --git a/src/styles.css b/src/styles.css index f1d8c73..1168819 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1 +1,9 @@ @import "tailwindcss"; + +@theme { + --color-primary-dark: #181818; + --color-primary-blue: #0A2463; + --colo-primary-light: #3E92CC; + --colo-primary-white: #FFFAFF; + --colo-primary-accent: #D8315B; +}