diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts index 2ba93ca..1f7c12a 100644 --- a/src/app/app.routes.ts +++ b/src/app/app.routes.ts @@ -1,31 +1,46 @@ import { Routes } from '@angular/router'; -import {AboutPage} from "./pages/about/about.page"; +import {BiographyPage} from "./pages/biography/biography.page"; import {BlogPage} from "./pages/blog/blog.page"; import {ProjectsPage} from "./pages/projects/projects.page"; import {HomePage} from "./pages/home/home.page"; import {PortfolioPage} from "./pages/portfolio/portfolio.page"; import {ContactMePage} from "./pages/contact-me/contact-me.page"; +import {PageComponent} from "./page/page.component"; +import {LikeDislikePage} from "./pages/like-dislike/like-dislike.page"; export const routes: Routes = [ - { path: '', component: HomePage }, { - path: 'about', - component: AboutPage, + path: '', + component: HomePage }, { - path : 'portfolio', - component: PortfolioPage, - }, - { - path : 'blog', - component: BlogPage, - }, - { - path: 'projects', - component: ProjectsPage, - }, - { - path: 'hello', - component: ContactMePage, + path: '', + component: PageComponent, + children: [ + { + path: 'biography', + component: BiographyPage, + }, + { + path : 'portfolio', + component: PortfolioPage, + }, + { + path: 'projects', + component: ProjectsPage, + }, + { + path: 'like-dislike', + component: LikeDislikePage, + }, + { + path : 'blog', + component: BlogPage, + }, + { + path: 'hello', + component: ContactMePage, + } + ] } ]; diff --git a/src/app/fish/fish.component.html b/src/app/fish/fish.component.html index d1f96fb..a5e5ac4 100644 --- a/src/app/fish/fish.component.html +++ b/src/app/fish/fish.component.html @@ -1,35 +1,37 @@ - - - - - - - - +
+ + + + + + + + +
diff --git a/src/app/fish/fish.component.scss b/src/app/fish/fish.component.scss index e657996..92305fc 100644 --- a/src/app/fish/fish.component.scss +++ b/src/app/fish/fish.component.scss @@ -7,22 +7,22 @@ svg.fish{ @-webkit-keyframes swim { - 0% {margin-left: -235px} - 90% {margin-left: 100%;} - 100% {margin-left: 100%;} + 0% {left: -235px} + 90% {left: calc(100% - 235px); width: 235px;} + 100% {left: calc(100%); width: 0} } @keyframes swim { - 0% {margin-left: -235px} - 70% {margin-left: 100%;} - 100% {margin-left: 100%;} + 0% {left: -235px} + 70% {left: calc(100% - 235px); width: 235px;} + 100% {left: calc(100%); width: 0} } .fish{ width: 235px; height: 104px; - margin-left: -235px; + left: -235px; position: absolute; animation: swim 20s; -webkit-animation: swim 20s; diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html index 3bde7b8..4f7bdf4 100644 --- a/src/app/footer/footer.component.html +++ b/src/app/footer/footer.component.html @@ -1,4 +1,4 @@ -
+
@@ -12,22 +12,19 @@ Let's Talk! -
-
Website made with Angular +
+
Made with Angular - + -
-
- and TailwindCSS - - - -
-
-
- - Code -
+ and TailwindCSS + + + +
+
+ + Check the source code
diff --git a/src/app/footer/footer.component.ts b/src/app/footer/footer.component.ts index 8fe2ae8..ae62538 100644 --- a/src/app/footer/footer.component.ts +++ b/src/app/footer/footer.component.ts @@ -1,13 +1,15 @@ import { Component } from '@angular/core'; import {FishComponent} from "../fish/fish.component"; import {CardCtaComponent} from "../card-cta/card-cta.component"; +import {NgOptimizedImage} from "@angular/common"; @Component({ selector: 'iov-footer', standalone: true, imports: [ CardCtaComponent, - FishComponent + FishComponent, + NgOptimizedImage ], templateUrl: './footer.component.html', styleUrl: './footer.component.scss' diff --git a/src/app/hero/hero.component.html b/src/app/hero/hero.component.html index c37237a..1691585 100644 --- a/src/app/hero/hero.component.html +++ b/src/app/hero/hero.component.html @@ -5,27 +5,27 @@ - + class="h-[279px]" + alt="" height="300" width="300">
-

Hello, I'm Lorenzo!

+

Hey, I'm Lorenzo!

- I'm a Software Engineer and Web Developer based in Sicily. -
This is my personal website, where I share my projects and my thoughts (sometimes πŸ˜…). -

Feel free to navigate through my website and discover more about me. + I'm on a quest to uncover life's meaning while diving deep into my passion for Computer Science as a Software Engineer. +
Here, on my personal website, I share my projects and occasional thoughts.

- For any question or collaboration, feel free to contact me via email -
or find me on socials + Explore more about me and feel free to reach out for any questions or collaborations via email + email + or on socials! - + - +
diff --git a/src/app/hero/hero.component.ts b/src/app/hero/hero.component.ts index bbcd80a..86c9057 100644 --- a/src/app/hero/hero.component.ts +++ b/src/app/hero/hero.component.ts @@ -1,6 +1,6 @@ import {Component} from '@angular/core'; import {AsciiPhotoComponent} from "../ascii-photo/ascii-photo.component"; -import {AsyncPipe, NgClass, NgIf} from "@angular/common"; +import {AsyncPipe, NgClass, NgIf, NgOptimizedImage} from "@angular/common"; @Component({ selector: 'iov-hero', @@ -10,6 +10,7 @@ import {AsyncPipe, NgClass, NgIf} from "@angular/common"; NgIf, NgClass, AsyncPipe, + NgOptimizedImage, ], templateUrl: './hero.component.html', styleUrl: './hero.component.scss' diff --git a/src/app/highlight/highlight.component.html b/src/app/highlight/highlight.component.html index 5cf9ad7..d3bd212 100644 --- a/src/app/highlight/highlight.component.html +++ b/src/app/highlight/highlight.component.html @@ -1,15 +1,14 @@ -

Latest blog post

-

No posts yet.

-
- View all posts +
diff --git a/src/app/highlight/highlight.component.ts b/src/app/highlight/highlight.component.ts index 285f09f..af9876c 100644 --- a/src/app/highlight/highlight.component.ts +++ b/src/app/highlight/highlight.component.ts @@ -3,6 +3,7 @@ import {SectionComponent} from "../section/section.component"; import {Post} from "../models/post"; import {PostCardComponent} from "../post-card/post-card.component"; import {NgForOf, NgIf} from "@angular/common"; +import {RouterLink} from "@angular/router"; @Component({ selector: 'iov-highlight', @@ -11,7 +12,8 @@ import {NgForOf, NgIf} from "@angular/common"; SectionComponent, PostCardComponent, NgForOf, - NgIf + NgIf, + RouterLink ], templateUrl: './highlight.component.html', styleUrl: './highlight.component.scss' diff --git a/src/app/menu/menu.component.html b/src/app/menu/menu.component.html index 71585a6..9628636 100644 --- a/src/app/menu/menu.component.html +++ b/src/app/menu/menu.component.html @@ -5,8 +5,8 @@
- - About + + Bio Portfolio @@ -14,6 +14,12 @@ Projects + + Like/Dislike + + + Links + diff --git a/src/app/models/work.ts b/src/app/models/work.ts new file mode 100644 index 0000000..e9c7729 --- /dev/null +++ b/src/app/models/work.ts @@ -0,0 +1,11 @@ +export interface Work { + website: string; + image: string; + description: string; + name: string; + content: string; + date: { + start: Date; + end: Date; + }; +} diff --git a/src/app/page/page.component.html b/src/app/page/page.component.html index 0ed78f9..433458d 100644 --- a/src/app/page/page.component.html +++ b/src/app/page/page.component.html @@ -1,6 +1,5 @@
- - +
diff --git a/src/app/page/page.component.ts b/src/app/page/page.component.ts index afcf442..333aad4 100644 --- a/src/app/page/page.component.ts +++ b/src/app/page/page.component.ts @@ -1,11 +1,13 @@ import { Component } from '@angular/core'; import {FooterComponent} from "../footer/footer.component"; +import {RouterOutlet} from "@angular/router"; @Component({ selector: 'iov-page', standalone: true, imports: [ - FooterComponent + FooterComponent, + RouterOutlet ], templateUrl: './page.component.html', styleUrl: './page.component.scss' diff --git a/src/app/pages/about/about.page.html b/src/app/pages/about/about.page.html deleted file mode 100644 index 5f9c079..0000000 --- a/src/app/pages/about/about.page.html +++ /dev/null @@ -1,8 +0,0 @@ - - -

Since beginning my journey as a freelance designer over 11 years ago, I've done remote work for agencies, consulted for startups, and collaborated with talented people to create digital products for both business and consumer use. I'm quietly confident, naturally curious, and perpetually working on improving my chops one design problem at a time. - Designer - I value simple content structure, clean design patterns, and thoughtful interactions.

- diff --git a/src/app/pages/biography/biography.page.html b/src/app/pages/biography/biography.page.html new file mode 100644 index 0000000..19dc003 --- /dev/null +++ b/src/app/pages/biography/biography.page.html @@ -0,0 +1,166 @@ + +
+
+

Hello world!

+

+ Greetings! I'm Lorenzo Iovino, and i hope that i would be something more that only a "Software Engineer" (that's my job and one of my passions)
+ I'm embarking on an exhilarating journey that began back in December 1988 and continues to evolve with each passing day. +
+ Join me on this riveting expedition where technology meets creativity, thoughts are shared, and passions are pursued. That's my life. +

+
+ +
+

Childhood Nostalgia πŸ§’

+
+ + My love affair with technology sparked at the tender age of four when I delved into the realms of Prince of Persia on the Apple II. +
+ Super young software developer with an Apple II + Super young software developer with an Apple II +
+ Fast forward to the present, and computers have seamlessly woven into the fabric of my professional life, while everything IT-related has become the heartbeat of my passion.
+ Rewind to my childhood in Ispica, where I initially balanced my time between studying, playing video games, and kicking a football around with friends, it was a simple life, but it was a happy one.
+ The town of Ispica is located in the south of sicily, and it's a place where time seems to stand still. The unhurried pace of life, the warmth of the people, and the breathtaking landscapes create a serene backdrop for my childhood memories. But it was something that i really hated when i was child, infact i was always dreaming to live in a big city, where i could find more opportunities.



+
+ Pokemon Yellow + Pokemon Yellow and Game Boy Advance +
+ The gaming sessions with friends extended to the world of Pokemon and Nintendo consoles, a phase that not only provided joy but also unraveled the mysteries of computer programming.
+ At the age of 15, the discovery of rock music sparked a new passion, and I eagerly picked up a guitar to learn its rhythmic language and stunning solos. +
+
+ Guitarist + My dream guitar "Fender stratocaster" +
+ The gaming and music universe made me a "nerd," leading to my fascination with understanding the intricacies of computers, programming languages, and the magic beneath the hood.
+ At 17, I ventured into the realm of Magic: The Gathering, further enriching my interests. To this day, I continue to enjoy occasional matches in my spare time. +
+
+ +
+

University and Personal Growth 🏫

+
+ Educationally, I've left no stone unturned.
+ I've immersed myself in the intricacies of computer science attending the Computer Science course at the University of Pisa, devouring books (not exactly the suggested ones for the class), retry +
+ Me in Pisa + Me burning out studying Computability and
Complexity exam +
+ N-times the same exam and engaging in online courses and workshops in order to understand better what it's exactly computer science + (and i've still have a lot of doubdts regarding Computability and Complexity topic) + +
+
+ It's this insatiable appetite for knowledge and networking that fuels my perpetual quest for growth and it did it never surrender despite my long journey as a student (i took just 12 years to get my Bachelor of Arts).

+ Anyway, embarking on the journey that led me to the picturesque city of Pisa was not merely a pursuit of knowledge in computer science (the University of Pisa, with its rich history and academic excellence, provided the perfect backdrop for me to immerse myself in this world of endless possibilities); it was a harmonious convergence of two profound needs: computer science and the curiosity about the world (the non-digital one). +
+ My goliardo + My student hat (that's not an hat) "goliardo" +
+

+ During my university years, I not only delved into the world of computer science but also embraced the richness of life's experiences; I spent considerable time getting to know people, immersing myself in the Goliardia culture, honing my taste buds through a wine Sommelier course, attending concert and meet all kind of people in music club borderline (that one I really loved to do), unlimited speech with perfect stranger during my "Aperitivo" around the city, sharing experience and learning everyday something new.
This period of exploration ignited a passion for travel, opening my eyes to diverse cultures and expanding my horizons. +
+
+ +
+

Embarking on Hackathon Adventures πŸš€

+
+
+ Me with moverio smart glasses + Me wearing moverio smart glasses +
+ My journey into the world of hackathons began with one organized by Vargroup.
+ The whole team was completly created there, nobody of us will know each other, but we all have shared a passion for technology, and together, + we crafted a Proof of Concept software and a business plan (in 24 hours) for a revolutionary retail application focused on furniture sales.
+ The application, designed for Epson Moverio Smartglass, allowed customers to virtually furnish their homes, creating a unique and immersive shopping experience. +

+ This inaugural hackathon experience ignited my enthusiasm, leading me to participate in various other hackathons, including Hackaton Toscana for mobility and engaging in many other game jams. Each hackathon presented new challenges, fostering collaboration and pushing the boundaries of my skills.
+
+ Me at global game jam presenting our game + Me and the team presenting the game developed.
Gameplay of our game "Oh No My Husband is coming" developed for GGJ 2015: Youtube link +
+
+
+ +
+

Erasmus Project in Valencia 🌍

+
+ A pivotal chapter in my journey unfolded during my Erasmus project in the vibrant city of Valencia. I continued study Computer Science in the Universidad Politecnica +
+ Valencia turia + Beautiful sunny day in Valencia +
+ where i also meet a lot of people from all over the world, and i had the opportunity to learn a lot of things about different cultures and languages.

+ The IT environment in Valencia was a stark contrast to the Italian landscape, offering a unique perspective on the world of technology, new startups and innovative companies were emerging in that period, and the city was a hotbed of innovation.
+ Surrounded by the stunning blend of modern architecture and traditional Spanish charm, this cultural immersion not only enriched my academic pursuits but also offered a canvas for personal growth. +
+
+ +
+

Embracing the Tranquility of Sicily 🏑

+
+ Nestled in the heart of Sicily, my decision to return to my hometown wasn't just a homecoming; it was a deliberate choice to create a life where the pace of time mirrors the gentle ebb and flow of the Mediterranean waves.
+
+ Remote working + Working remote watching the sea +
+ + Transitioning from the bustling tech hubs to the serene landscapes of Sicily has been a profound and intentional shift. Rediscover the beauty of slowness and the joy of doing "nothing special" every day, and i've found a new balance between my professional and personal life. + When the "nothing special" turn in "something special" and you can enjoy the beauty of the nature that surround you.

+ As a remote worker, I've found solace in the unhurried rhythm of life here. The island's charm lies not only in its breathtaking landscapes but also in the unhurried passage of time.
+ Sicily has a unique way of making each moment feel like an eternity, a welcome departure from the frenetic pace of urban life.
It's a place where the clock seems to pause, allowing me to savor every nuance of existence.
+
+ Dogs watch wineyard + My wineyard +
+ Family plays a central role in my Sicilian life, in the pursuit of passions beyond the realms of technology, I embarked on a delightful side project alongside my sister (she's the agronomist). + Together, we decided to make our wine, planting and growing up a wineyard in a waste terrain near the sea, so it birth www.netum.it, that's the culmination of our shared love for winemaking, and with only 1 hectar of wineyard, we produce a limited amount of bottles of a unique wine. +
+ Dogs watch wineyard + The wine produced "Zia Lina" +
+

+ And then, of course, there's the food. Sicilian cuisine is a symphony of flavors that dance on the taste buds. Each bite is a celebration of the island's rich culinary heritage. The slow food movement isn't just a trend here; it's a way of life.
Dining is an experience, a time to savor and appreciate the artistry that goes into every dish.
+ (i will not post any photo of food, because i'm not a food blogger, but trust me, it's really good).

+ + In the midst of vineyards and olive groves, my life as a remote worker in Sicily is a testament to the beauty of simplicity. + +
It's a daily reminder that success isn't just measured in code lines but also in the quality of life we cultivate. Sicily, with its unhurried pace, has become more than a backdrop for my career; it's a canvas on which I paint the vibrant tapestry of my life. Here, time may move slowly, but the impact is timeless. 🌿🍷🌞
+
+ Modica view + Modica view from my house +
+
+
+ +
+

Life at 35

+
+ Fast forward to the present day, where I've embraced the roles of a husband to my wonderful wife, Amanda, and a proud father of a little joy named Leonardo.
Life's journey has woven a tapestry of experiences, blending the worlds of technology, family, and personal passions.
+ From here i'm starting sharing my experience and my knowledge with the world using this old-fashioned and anachronistic blog, and i'm really excited to see what the future will bring to me. + +
+ Me and my wife + Me and my wife Amanda +
+
+
+
+ + diff --git a/src/app/pages/about/about.page.scss b/src/app/pages/biography/biography.page.scss similarity index 100% rename from src/app/pages/about/about.page.scss rename to src/app/pages/biography/biography.page.scss diff --git a/src/app/pages/about/about.page.spec.ts b/src/app/pages/biography/biography.page.spec.ts similarity index 56% rename from src/app/pages/about/about.page.spec.ts rename to src/app/pages/biography/biography.page.spec.ts index 648c446..5b7aab5 100644 --- a/src/app/pages/about/about.page.spec.ts +++ b/src/app/pages/biography/biography.page.spec.ts @@ -1,18 +1,18 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { AboutPage } from './about.page'; +import { BiographyPage } from './biography.page'; -describe('AboutComponent', () => { - let component: AboutPage; - let fixture: ComponentFixture; +describe('BiographyPage', () => { + let component: BiographyPage; + let fixture: ComponentFixture; beforeEach(async () => { await TestBed.configureTestingModule({ - imports: [AboutPage] + imports: [BiographyPage] }) .compileComponents(); - fixture = TestBed.createComponent(AboutPage); + fixture = TestBed.createComponent(BiographyPage); component = fixture.componentInstance; fixture.detectChanges(); }); diff --git a/src/app/pages/about/about.page.ts b/src/app/pages/biography/biography.page.ts similarity index 51% rename from src/app/pages/about/about.page.ts rename to src/app/pages/biography/biography.page.ts index 58a7d85..67680d4 100644 --- a/src/app/pages/about/about.page.ts +++ b/src/app/pages/biography/biography.page.ts @@ -1,17 +1,19 @@ import { Component } from '@angular/core'; import {SectionComponent} from "../../section/section.component"; import {PageComponent} from "../../page/page.component"; +import {NgOptimizedImage} from "@angular/common"; @Component({ - selector: 'iov-about-page', + selector: 'iov-biography-page', standalone: true, imports: [ SectionComponent, - PageComponent + PageComponent, + NgOptimizedImage ], - templateUrl: './about.page.html', - styleUrl: './about.page.scss' + templateUrl: './biography.page.html', + styleUrl: './biography.page.scss' }) -export class AboutPage { +export class BiographyPage { } diff --git a/src/app/pages/like-dislike/like-dislike.page.html b/src/app/pages/like-dislike/like-dislike.page.html new file mode 100644 index 0000000..f8ceafb --- /dev/null +++ b/src/app/pages/like-dislike/like-dislike.page.html @@ -0,0 +1,2 @@ +

like-dislike works!

+What i like and what i dislike in general, funny section diff --git a/src/app/pages/like-dislike/like-dislike.page.scss b/src/app/pages/like-dislike/like-dislike.page.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/pages/like-dislike/like-dislike.page.spec.ts b/src/app/pages/like-dislike/like-dislike.page.spec.ts new file mode 100644 index 0000000..1fc598f --- /dev/null +++ b/src/app/pages/like-dislike/like-dislike.page.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { LikeDislikePage } from './like-dislike.page'; + +describe('LikeDislikeComponent', () => { + let component: LikeDislikePage; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [LikeDislikePage] + }) + .compileComponents(); + + fixture = TestBed.createComponent(LikeDislikePage); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/like-dislike/like-dislike.page.ts b/src/app/pages/like-dislike/like-dislike.page.ts new file mode 100644 index 0000000..38bf1e7 --- /dev/null +++ b/src/app/pages/like-dislike/like-dislike.page.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'iov-like-dislike', + standalone: true, + imports: [], + templateUrl: './like-dislike.page.html', + styleUrl: './like-dislike.page.scss' +}) +export class LikeDislikePage { + +} diff --git a/src/app/pages/portfolio/portfolio.page.html b/src/app/pages/portfolio/portfolio.page.html index ad9d4d3..0e08661 100644 --- a/src/app/pages/portfolio/portfolio.page.html +++ b/src/app/pages/portfolio/portfolio.page.html @@ -1,7 +1,120 @@ - - - + + + +Ah ah! This is not a real Portfolio page, a fullstack dev like me doesnt have just a list of website to show (even if I have a lot of them). I have a lot of experience in a lot of different fields, and I want to share with you my professional journey. + +I started my career as a mobile developer, and I worked on a lot of different projects, from games to museum apps, from 3D printing to AR. I worked on a lot of different platforms, from Android to iOS, from Windows Phone to Windows 8.1, from Unity3D to Xamarin. + +After that I started to work on web development, and I worked on a lot of different projects, from a 3D printing cloud service to a GDPR crawler, from a football infotainment platform to a vision portal. I worked on a lot of different technologies, from .NET to NodeJS, from Vue to React, from Nuxt to Next, from MongoDB to SQL Server. + +I worked in a lot of different companies, from small startups to big enterprises, from small teams to big teams, from local companies to international companies. + +I worked in a lot of different roles, from mobile developer to fullstack developer, from frontend developer to backend developer, from lead developer to CTO. + +I worked in a lot of different countries, from Italy to Belgium, from Germany to Switzerland, from Spain to UK. + +I worked in a lot of different languages, from Italian to English, from Spanish to French. + +I worked in a lot of different fields, from 3D printing to GDPR, from football to vision, from AR to museum. + +I worked in a lot of different technologies, from .NET to NodeJS, from Vue to React, from Nuxt to Next, from MongoDB to SQL Server. + +I worked in a lot of different frameworks, from Xamarin to Unity3D, from .NET to NodeJS, from Vue to React, from Nuxt to Next. + +I worked in a lot of different platforms, from Android to iOS, from Windows Phone to Windows 8.1, from Unity3D to Xamarin. + +I worked in a lot of different tools, from Visual Studio to Visual Studio Code, from Git to SVN, from Jira to Trello. + +I worked in a lot of different methodologies, from Agile to Scrum, from Kanban to Waterfall. + +I worked in a lot of different environments, from local to remote, from office to home. + +I worked in a lot of different roles, from mobile developer to fullstack developer, from frontend developer to backend developer, from lead developer to CTO. + +I worked in a lot of different projects, from small to big, from simple to complex, from local to international. + +I worked in a lot of different teams, from small to big, from local to international. + +In the end, I worked in a lot of different ways, from small to big, from local to international. + + +"Tuttifrutti", this is how i explain my professional journey, and this is how I explain my professional skills. + +Professional Odyssey: + +ChiamarsiBomber | CTO | 2023 - Present + +As the CTO of ChiamarsiBomber, I lead the charge in developing a cutting-edge web platform for football infotainment. Navigating the intricacies of real-time data integration and ensuring high availability during peak periods, I orchestrate the IT team to deliver a seamless experience. + +Iubenda | Lead Backend Engineer | 2022 - 2023 + +At Iubenda, I assumed the role of Lead Backend Engineer, steering a small team in the maintenance and evolution of the critical Radar code product. This crawler identifies GDPR non-compliant websites, playing a pivotal role in revenue generation. + +Alcon | Frontend Developer | 2021 - 2022 + +Contributing to a colossal remote team spanning continents, I served as a Frontend Developer for Alcon, shaping the Alcon Vision portal. + +Welance | Lead Frontend Developer | 2021 - 2022 + +As the Lead Frontend Developer at Welance, I spearheaded the development of acker.co, an educational website for a green kids project. Balancing speed and optimization, I made architectural decisions, utilizing Nuxt (a Vue framework), and collaborated on crafting a captivating user experience. + +CsProject | Fullstack Developer | 2017 - 2021 + +My leadership role at CsProject involved creating a new web-based product, rejuvenating a legacy .NET system. Through strategic planning and team collaboration, we successfully bridged the past and future. + +Inn3D | Fullstack Developer | 2015 - 2017 + +Inn3D witnessed my expertise in designing and developing a cloud 3D printing service, revolutionizing how users print 3D models while implementing innovative measures to prevent counterfeiting. + +Vargroup and BMS | Fullstack Developer | 2014 + +I pioneered an Augmented Reality (AR) software for the Brussels Egyptian Museum using Unity3D and C#, running seamlessly on Epson Moverio Smart Glasses. + +Geckosoft | Mobile Developer | 2012 - 2014 + +My journey began at Geckosoft, where I collaborated on developing a Sudoku game using Xamarin, gaining foundational experience and honing best practices. + + + + +

πŸš€ Crafting Innovation in Code: A Decade of Software Engineering Excellence 🌐

+ +Greetings! I am a highly skilled and motivated software engineer with over a decade of experience, dedicated to shaping the digital landscape through innovative solutions. My journey began at the University of Pisa, where I earned my BA in Computer Science, setting the stage for a career marked by continuous learning and hands-on expertise. + +Educational Pursuits: + +University of Pisa | BA Computer Science | 2020 +University of Valencia | BA Computer Science | 2020 +Algebra University of Zagreb | Winter School: Cybersecurity, Artificial Intelligence | 2020 + + +

πŸš€ Current Endeavors: Steering the Technological Symphony

+ +ChiamarsiBomber | CTO | 2023 - Present + +In my current role as the Chief Technology Officer at ChiamarsiBomber, I've elevated the IT branch to new heights, overseeing the development of a cutting-edge web platform for football infotainment. This endeavor entails handling the intricacies of embedding real-time data streams alongside static footballer data from diverse sources. My strategic leadership ensures that the service remains in high availability, even during peak periods, creating an immersive and seamless experience for users. + +

πŸ› οΈ Shaping Success: My Approach to Work

+My work philosophy revolves around injecting fresh energy and strategic organization into existing teams, kickstarting new projects, or assembling teams from the ground up. Here's how I contribute: + +
    +
  • Agile Maestro: Proficient in agile methodologies, I orchestrate projects with a focus on adaptability, collaboration, and timely delivery. Whether it's scrum ceremonies or sprint planning, I bring agility to every aspect of the development process.
    • +
  • Innovative Scaling: With a proven track record of scaling products, I've successfully led teams through the challenges of growth. My approach involves balancing scalability with a commitment to delivering high-quality, efficient solutions.
    • +
  • Mentorship Maven: Passionate about fostering talent, I believe in creating an environment where team members thrive. I provide mentorship, foster collaboration, and encourage a culture of continuous learning.
    • +
  • Architectural Artistry: As a clean coder, I take pride in designing consistent and scalable software architectures. I leverage my expertise to make informed architectural choices, ensuring that the technology foundation is robust and adaptable.
    • +
  • Startup Catalyst: Having been a part of startups and initiatives from the ground up, I possess the insight needed to navigate the dynamic challenges of a fledgling project. I'm adept at streamlining processes, fostering creativity, and swiftly moving from ideation to implementation.
    • +
  • Team Dynamo: Leading by example, I instill a sense of purpose and dedication in the teams I work with. I believe in the power of collaboration, open communication, and fostering a positive working environment.
    • +
+ + +🌟 Joining Forces: Ready for the Next Chapter + +If you're seeking a seasoned professional to join your existing team, breathe new life into ongoing projects, or spearhead the creation of a team from scratch, I bring a wealth of experience, a commitment to excellence, and a passion for building transformative solutions. Let's collaborate and turn your vision into a technological triumph! πŸš€ + +

The Sicilian Symphony:

+ +

In the picturesque tranquility of Sicily, where time seems to gently sway with the olive groves, I've found not just a home but a canvas for my professional and personal growth. Balancing a thriving career with the joys of family life, Sicily offers a unique blend of serenity, culinary delights, and a pace of life that allows me to savor each moment. + + Let's continue this journey of innovation, where every line of code echoes the rich tapestry of experience and expertise. 🌟

-

My works

- diff --git a/src/app/pages/projects/projects.page.html b/src/app/pages/projects/projects.page.html index b303dc2..2fb5600 100644 --- a/src/app/pages/projects/projects.page.html +++ b/src/app/pages/projects/projects.page.html @@ -1,7 +1,5 @@ - - - + + -

My projects bla bla bla

- +

My projects bla bla bla

diff --git a/src/app/portfolio-card/portfolio-card.component.html b/src/app/portfolio-card/portfolio-card.component.html new file mode 100644 index 0000000..22dadff --- /dev/null +++ b/src/app/portfolio-card/portfolio-card.component.html @@ -0,0 +1,13 @@ +
+
+ +
+
{{work?.name}}
+

{{work?.description}}

+ + Visit Website + +
+
+
diff --git a/src/app/portfolio-card/portfolio-card.component.scss b/src/app/portfolio-card/portfolio-card.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/portfolio-card/portfolio-card.component.spec.ts b/src/app/portfolio-card/portfolio-card.component.spec.ts new file mode 100644 index 0000000..09b4deb --- /dev/null +++ b/src/app/portfolio-card/portfolio-card.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { PortfolioCardComponent } from './portfolio-card.component'; + +describe('PortfolioCardComponent', () => { + let component: PortfolioCardComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [PortfolioCardComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(PortfolioCardComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/portfolio-card/portfolio-card.component.ts b/src/app/portfolio-card/portfolio-card.component.ts new file mode 100644 index 0000000..e912e9e --- /dev/null +++ b/src/app/portfolio-card/portfolio-card.component.ts @@ -0,0 +1,16 @@ +import { Component } from '@angular/core'; +import {Work} from "../models/work"; +import {NgOptimizedImage} from "@angular/common"; + +@Component({ + selector: 'iov-portfolio-card', + standalone: true, + imports: [ + NgOptimizedImage + ], + templateUrl: './portfolio-card.component.html', + styleUrl: './portfolio-card.component.scss' +}) +export class PortfolioCardComponent { + work: Work | undefined; +} diff --git a/src/app/post-card/post-card.component.html b/src/app/post-card/post-card.component.html index 1323458..2d3961d 100644 --- a/src/app/post-card/post-card.component.html +++ b/src/app/post-card/post-card.component.html @@ -1,8 +1,7 @@ -
- +
diff --git a/src/app/post-card/post-card.component.ts b/src/app/post-card/post-card.component.ts index bda46ec..208787c 100644 --- a/src/app/post-card/post-card.component.ts +++ b/src/app/post-card/post-card.component.ts @@ -1,12 +1,13 @@ import {Component, Input} from '@angular/core'; import {Post} from "../models/post"; -import {JsonPipe} from "@angular/common"; +import {JsonPipe, NgOptimizedImage} from "@angular/common"; @Component({ selector: 'iov-post-card', standalone: true, imports: [ - JsonPipe + JsonPipe, + NgOptimizedImage ], templateUrl: './post-card.component.html', styleUrl: './post-card.component.scss' diff --git a/src/app/section/section.component.html b/src/app/section/section.component.html index b6b5ad8..e23715d 100644 --- a/src/app/section/section.component.html +++ b/src/app/section/section.component.html @@ -1,12 +1,14 @@ -
-

{{title}}

+

{{title}}

-
- +
+
+ +
diff --git a/src/assets/cat.jpg b/src/assets/cat.jpg new file mode 100755 index 0000000..d287b26 Binary files /dev/null and b/src/assets/cat.jpg differ diff --git a/src/assets/cloud.JPG b/src/assets/cloud.JPG new file mode 100755 index 0000000..5403a8b Binary files /dev/null and b/src/assets/cloud.JPG differ diff --git a/src/assets/green.JPG b/src/assets/green.JPG new file mode 100755 index 0000000..9185379 Binary files /dev/null and b/src/assets/green.JPG differ diff --git a/src/assets/photos/dogs.jpg b/src/assets/photos/dogs.jpg new file mode 100644 index 0000000..d4b33c8 Binary files /dev/null and b/src/assets/photos/dogs.jpg differ diff --git a/src/assets/photos/game-jam.jpg b/src/assets/photos/game-jam.jpg new file mode 100644 index 0000000..a1dc302 Binary files /dev/null and b/src/assets/photos/game-jam.jpg differ diff --git a/src/assets/photos/goliardia.jpg b/src/assets/photos/goliardia.jpg new file mode 100644 index 0000000..90b9a39 Binary files /dev/null and b/src/assets/photos/goliardia.jpg differ diff --git a/src/assets/photos/me-amanda.jpg b/src/assets/photos/me-amanda.jpg new file mode 100644 index 0000000..0f384e3 Binary files /dev/null and b/src/assets/photos/me-amanda.jpg differ diff --git a/src/assets/me-baby.jpg b/src/assets/photos/me-baby.jpg similarity index 100% rename from src/assets/me-baby.jpg rename to src/assets/photos/me-baby.jpg diff --git a/src/assets/photos/me-cc.jpg b/src/assets/photos/me-cc.jpg new file mode 100644 index 0000000..453bf0a Binary files /dev/null and b/src/assets/photos/me-cc.jpg differ diff --git a/src/assets/photos/me-guitar-17.JPG b/src/assets/photos/me-guitar-17.JPG new file mode 100644 index 0000000..018c212 Binary files /dev/null and b/src/assets/photos/me-guitar-17.JPG differ diff --git a/src/assets/photos/me-moverio.jpg b/src/assets/photos/me-moverio.jpg new file mode 100644 index 0000000..2f06111 Binary files /dev/null and b/src/assets/photos/me-moverio.jpg differ diff --git a/src/assets/photos/me-wine.jpg b/src/assets/photos/me-wine.jpg new file mode 100644 index 0000000..0b9f2ce Binary files /dev/null and b/src/assets/photos/me-wine.jpg differ diff --git a/src/assets/me.png b/src/assets/photos/me.png similarity index 100% rename from src/assets/me.png rename to src/assets/photos/me.png diff --git a/src/assets/photos/modica.jpg b/src/assets/photos/modica.jpg new file mode 100644 index 0000000..76b3751 Binary files /dev/null and b/src/assets/photos/modica.jpg differ diff --git a/src/assets/photos/pokemon.JPG b/src/assets/photos/pokemon.JPG new file mode 100755 index 0000000..88d4f23 Binary files /dev/null and b/src/assets/photos/pokemon.JPG differ diff --git a/src/assets/photos/remote.jpg b/src/assets/photos/remote.jpg new file mode 100644 index 0000000..5904bcb Binary files /dev/null and b/src/assets/photos/remote.jpg differ diff --git a/src/assets/photos/valencia-turia.jpg b/src/assets/photos/valencia-turia.jpg new file mode 100644 index 0000000..b54972e Binary files /dev/null and b/src/assets/photos/valencia-turia.jpg differ diff --git a/src/assets/photos/wine.jpg b/src/assets/photos/wine.jpg new file mode 100644 index 0000000..53e80c8 Binary files /dev/null and b/src/assets/photos/wine.jpg differ diff --git a/src/assets/plane.JPG b/src/assets/plane.JPG new file mode 100755 index 0000000..1266ad6 Binary files /dev/null and b/src/assets/plane.JPG differ diff --git a/src/assets/section-hobby.png b/src/assets/section-hobby.png deleted file mode 100644 index a9e75aa..0000000 Binary files a/src/assets/section-hobby.png and /dev/null differ diff --git a/src/assets/section-smart.png b/src/assets/section-smart.png deleted file mode 100644 index 19467ca..0000000 Binary files a/src/assets/section-smart.png and /dev/null differ