+
+ {errorCode}
++ {errorTitle} +
+{errorMessage}
+From: {request.FromEmail}
Message:
{request.Message}
Sorry, there's nothing at this address.
-
-
-
-@code {
-
- [Parameter]
- public string Title { get; set; } = string.Empty;
-
- [Parameter]
- public RenderFragment? ChildContent { get; set; }
-
- [Parameter]
- public AlertType Type { get; set; }
-
-}
\ No newline at end of file
diff --git a/BeauFindlay/src/BeauFindlay.Client/Components/Alert/AlertType.cs b/BeauFindlay/src/BeauFindlay.Client/Components/Alert/AlertType.cs
deleted file mode 100644
index 133534f..0000000
--- a/BeauFindlay/src/BeauFindlay.Client/Components/Alert/AlertType.cs
+++ /dev/null
@@ -1,7 +0,0 @@
-namespace BeauFindlay.Client.Components.Alert;
-
-public enum AlertType
-{
- Success,
- Error
-}
\ No newline at end of file
diff --git a/BeauFindlay/src/BeauFindlay.Client/Components/Anchor/Anchor.razor b/BeauFindlay/src/BeauFindlay.Client/Components/Anchor/Anchor.razor
deleted file mode 100644
index af28abc..0000000
--- a/BeauFindlay/src/BeauFindlay.Client/Components/Anchor/Anchor.razor
+++ /dev/null
@@ -1,18 +0,0 @@
-
- @ChildContent
-
-
-@code {
-
- [Parameter]
- public string Href { get; set; } = string.Empty;
-
- [Parameter]
- public string Target { get; set; } = "_blank";
-
- [Parameter]
- public RenderFragment? ChildContent { get; set; }
-
-}
\ No newline at end of file
diff --git a/BeauFindlay/src/BeauFindlay.Client/Components/Button/Button.razor b/BeauFindlay/src/BeauFindlay.Client/Components/Button/Button.razor
deleted file mode 100644
index 46e1dab..0000000
--- a/BeauFindlay/src/BeauFindlay.Client/Components/Button/Button.razor
+++ /dev/null
@@ -1,24 +0,0 @@
-
-
-@code {
-
- [Parameter]
- public RenderFragment? ChildContent { get; set; }
-
- [Parameter]
- public string Type { get; set; } = "button";
-
- [Parameter]
- public bool IsLoading { get; set; }
-
-}
\ No newline at end of file
diff --git a/BeauFindlay/src/BeauFindlay.Client/Components/LoadingSpinner/LoadingSpinner.razor b/BeauFindlay/src/BeauFindlay.Client/Components/LoadingSpinner/LoadingSpinner.razor
deleted file mode 100644
index deeae40..0000000
--- a/BeauFindlay/src/BeauFindlay.Client/Components/LoadingSpinner/LoadingSpinner.razor
+++ /dev/null
@@ -1,39 +0,0 @@
-
-
-
- @if (Type == AlertType.Success)
- {
-
- }
- else
- {
-
- }
-
-
-
-
- - @Title -
-
-
- @ChildContent
-
-
-
- Loading...
-
-
-@code {
-
- [Parameter]
- public LoadingSpinnerSize Size { get; set; }
-
- private string sizeCss = "w-8 h-8";
-
- protected override void OnParametersSet()
- {
- SetSpinnerSize();
- }
-
- private void SetSpinnerSize()
- {
- sizeCss = Size switch
- {
- LoadingSpinnerSize.Small => "w-6 h-6",
- LoadingSpinnerSize.Medium => "w-8 h-8",
- LoadingSpinnerSize.Large => "w-12 h-12",
- _ => sizeCss
- };
- }
-
-}
\ No newline at end of file
diff --git a/BeauFindlay/src/BeauFindlay.Client/Components/LoadingSpinner/LoadingSpinnerSize.cs b/BeauFindlay/src/BeauFindlay.Client/Components/LoadingSpinner/LoadingSpinnerSize.cs
deleted file mode 100644
index 360a53f..0000000
--- a/BeauFindlay/src/BeauFindlay.Client/Components/LoadingSpinner/LoadingSpinnerSize.cs
+++ /dev/null
@@ -1,8 +0,0 @@
-namespace BeauFindlay.Client.Components.LoadingSpinner;
-
-public enum LoadingSpinnerSize
-{
- Small,
- Medium,
- Large
-}
\ No newline at end of file
diff --git a/BeauFindlay/src/BeauFindlay.Client/Components/Typewriter/ITypewriterNotificationService.cs b/BeauFindlay/src/BeauFindlay.Client/Components/Typewriter/ITypewriterNotificationService.cs
deleted file mode 100644
index 1984c37..0000000
--- a/BeauFindlay/src/BeauFindlay.Client/Components/Typewriter/ITypewriterNotificationService.cs
+++ /dev/null
@@ -1,7 +0,0 @@
-namespace BeauFindlay.Client.Components.Typewriter;
-
-public interface ITypewriterNotificationService
-{
- event EventHandler
-
diff --git a/BeauFindlay/src/BeauFindlay.Client/Layout/NavBar.razor b/BeauFindlay/src/BeauFindlay.Client/Layout/NavBar.razor
deleted file mode 100644
index af427aa..0000000
--- a/BeauFindlay/src/BeauFindlay.Client/Layout/NavBar.razor
+++ /dev/null
@@ -1,85 +0,0 @@
-
-
-@code {
-
- private bool menuOpen;
-
- private void ToggleMenu()
- {
- menuOpen = !menuOpen;
- }
-
-}
\ No newline at end of file
diff --git a/BeauFindlay/src/BeauFindlay.Client/Pages/About.razor b/BeauFindlay/src/BeauFindlay.Client/Pages/About.razor
deleted file mode 100644
index d9bdd4e..0000000
--- a/BeauFindlay/src/BeauFindlay.Client/Pages/About.razor
+++ /dev/null
@@ -1,77 +0,0 @@
-@page "/About"
-
-@inject IJSRuntime JSRuntime
-
-
- @Body
-
-
-
-
-
-
-
-
-This app
-Below is an overview of how this simple app is made and what technologies are used. If you'd like to dive straight in, the full project is available on my
I'm planning to integrate a simple blog as part of this app that will dive into more specific implementation details so check back soon for more!
- -Front-end: 
.NET Blazor WASM
-
- I wanted to create a decent, modern client-side experience for this app and given my (very...) limited front-end expertise I decided to choose
Blazor traditionally came in two flavours, server and webassembly with an additional third option (Blazor Web App) recently released with .NET 8 which can offer the functionality of both, alongside traditional SSR (server-side rendering).
As Blazor server requires a dedicated server to host the application, I chose the webassembly model to enable free hosting using an
This app is styled using a cool CSS framework called
Back-end: 
.NET Azure Functions API
-
- There is a very minimal API used as the back-end of this app to allow users to contact me directly via the
The contact API endpoint currently:
--
-
- Validates a
Google reCAPTCHA token to protect against fraudulent submissions.
- - Builds a HTML email from the information provided in the form. -
- Sends an email directly to my inbox using the
SendGrid API.
-
The API is written in .NET 8 using
Hosting: 
Microsoft Azure Static Web App
-
- The goal of this project was to learn some new technologies and host the app as cheaply as possible. With this in mind I decided to go with a
Another cool feature of Static Web Apps is Azure's integration with GitHub actions to deploy both the client and server simultaneously and provide automatically deployed staging environments for pull-requests opened to the main branch. This made testing deployed changes much easier and cheaper than deploying an isolated testing/GA environment before releasing to the live version of the app.
- -Using Static Web Apps on Azure has meant that I have been able to build, deploy and serve this site and API completely free (with the exception of the domain name). The next thing on the roadmap is building a simple blog using an
-
-
-@if (!isSubmitted)
-{
- Contact
- -- If you think I can help with your project or you'd just like to talk tech, send me a message! -
-
-
-
-
-}
-else
-{
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
-
-
-
-
-
-
- @if (sendEmailSuccess)
- {
-
- Thanks for getting in touch! I'll get back to you as soon as I can.
-
- }
- else
- {
-
- Looks like something went wrong trying to send that email. Please try again.
-
- }
-
-}
-
-@code {
- private readonly ContactInputModel contactInput = new();
-
- private bool isSubmitting;
- private bool isSubmitted;
- private bool sendEmailSuccess;
-
- private class ContactInputModel
- {
- [Required(ErrorMessage = "Please enter your name.")]
- [MaxLength(50, ErrorMessage = "Please use a shorter name. 50 characters max.")]
- public string Name { get; set; } = string.Empty;
-
- [Required(ErrorMessage = "Please enter your email.")]
- [EmailAddress(ErrorMessage = "Please enter a valid email address.")]
- public string Email { get; set; } = string.Empty;
-
- [Required(ErrorMessage = "Please include a message.")]
- [MaxLength(500, ErrorMessage = "Please enter a shorter message. 500 characters max.")]
- public string Message { get; set; } = string.Empty;
- }
-
- private async Task HandleValidSubmit()
- {
- isSubmitting = true;
-
- var recaptchaResponse = await JSRuntime.InvokeAsync
-
-
-
-
-
-
-
-
-
Hi, I'm Beau.
- -I'm a UK-based software engineer and I love building cool stuff.
- -A bit about me
- -I mostly specialise in back-end C#/.NET development and I've built systems that scale for hundreds-of-thousands of global users.
- -I've worked with businesses at all sizes and stages and I'm currently heading up the tech as CTO at a cool startup called
-
-
-
-
-
-
-
-
diff --git a/BeauFindlay/src/BeauFindlay.Client/wwwroot/js/recaptcha.js b/BeauFindlay/src/BeauFindlay.Client/wwwroot/js/recaptcha.js
deleted file mode 100644
index 1245bd3..0000000
--- a/BeauFindlay/src/BeauFindlay.Client/wwwroot/js/recaptcha.js
+++ /dev/null
@@ -1,18 +0,0 @@
-window.executeRecaptcha = function () {
- return new Promise((resolve, reject) => {
- grecaptcha.ready(function () {
- grecaptcha
- .execute("6LcvxZIpAAAAAOIP5L6kGngwDZRpwkTdMezPn06x", {
- action: "submit",
- })
- .then(
- function (token) {
- resolve(token);
- },
- function (error) {
- reject(error);
- }
- );
- });
- });
-};
\ No newline at end of file
diff --git a/BeauFindlay/src/BeauFindlay.Client/wwwroot/js/smoothScroll.js b/BeauFindlay/src/BeauFindlay.Client/wwwroot/js/smoothScroll.js
deleted file mode 100644
index 1535999..0000000
--- a/BeauFindlay/src/BeauFindlay.Client/wwwroot/js/smoothScroll.js
+++ /dev/null
@@ -1,10 +0,0 @@
-function scrollToElement(id) {
- const element = document.getElementById(id);
- if (element instanceof HTMLElement) {
- element.scrollIntoView({
- behavior: "smooth",
- block: "start",
- inline: "nearest"
- });
- }
-}
\ No newline at end of file
diff --git a/BeauFindlay/src/BeauFindlay.Client/wwwroot/robots.txt b/BeauFindlay/src/BeauFindlay.Client/wwwroot/robots.txt
deleted file mode 100644
index 7041854..0000000
--- a/BeauFindlay/src/BeauFindlay.Client/wwwroot/robots.txt
+++ /dev/null
@@ -1,2 +0,0 @@
-User-agent: *
-Disallow:
\ No newline at end of file
diff --git a/BeauFindlay/src/BeauFindlay.Client/wwwroot/site.webmanifest b/BeauFindlay/src/BeauFindlay.Client/wwwroot/site.webmanifest
deleted file mode 100644
index 74d0a9c..0000000
--- a/BeauFindlay/src/BeauFindlay.Client/wwwroot/site.webmanifest
+++ /dev/null
@@ -1,19 +0,0 @@
-{
- "name": "",
- "short_name": "",
- "icons": [
- {
- "src": "images/android-chrome-192x192.png",
- "sizes": "192x192",
- "type": "image/png"
- },
- {
- "src": "images/android-chrome-512x512.png",
- "sizes": "512x512",
- "type": "image/png"
- }
- ],
- "theme_color": "#ffffff",
- "background_color": "#ffffff",
- "display": "standalone"
-}
diff --git a/BeauFindlay/src/BeauFindlay.Client/wwwroot/sitemap.txt b/BeauFindlay/src/BeauFindlay.Client/wwwroot/sitemap.txt
deleted file mode 100644
index ace913b..0000000
--- a/BeauFindlay/src/BeauFindlay.Client/wwwroot/sitemap.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-https://www.beaufindlay.com
-https://www.beaufindlay.com/contact
-https://www.beaufindlay.com/about
\ No newline at end of file
diff --git a/BeauFindlay/src/BeauFindlay.Shared/Abstractions/Error.cs b/BeauFindlay/src/BeauFindlay.Shared/Abstractions/Error.cs
deleted file mode 100644
index f389963..0000000
--- a/BeauFindlay/src/BeauFindlay.Shared/Abstractions/Error.cs
+++ /dev/null
@@ -1,7 +0,0 @@
-namespace BeauFindlay.Shared.Abstractions;
-
-public record Error(string Code, string Message)
-{
- public static readonly Error None = new(string.Empty, string.Empty);
- public static readonly Error NullValue = new("Error.NullValue", "Null value was provided.");
-}
\ No newline at end of file
diff --git a/BeauFindlay/src/BeauFindlay.Shared/Abstractions/Result.cs b/BeauFindlay/src/BeauFindlay.Shared/Abstractions/Result.cs
deleted file mode 100644
index 5d73103..0000000
--- a/BeauFindlay/src/BeauFindlay.Shared/Abstractions/Result.cs
+++ /dev/null
@@ -1,66 +0,0 @@
-using System.Diagnostics.CodeAnalysis;
-
-namespace BeauFindlay.Shared.Abstractions;
-
-public class Result
-{
- protected Result(bool isSuccess, Error error)
- {
- switch (isSuccess)
- {
- case true when error != Error.None:
- throw new InvalidOperationException("Successful result cannot contain an error.");
- case false when error == Error.None:
- throw new InvalidOperationException("Failed result must contain an error.");
- default:
- IsSuccess = isSuccess;
- Error = error;
- break;
- }
- }
-
- public bool IsSuccess { get; }
-
- public bool IsFailure => !IsSuccess;
-
- public Error Error { get; }
-
- public static Result Success()
- {
- return new Result(true, Error.None);
- }
-
- public static Result Failure(Error error)
- {
- return new Result(false, error);
- }
-
- public static Result
-
-- Loading - beaufindlay.com| -
-
+
+
+
+
+ {tabs.map((tab) => (
+
+ buildClassNames(
+ selected
+ ? "border-gray-300 text-gray-200"
+ : "border-transparent hover:border-gray-300 hover:text-gray-200",
+ "whitespace-nowrap border-b-4 py-6 text-sm font-medium"
+ )
+ }
+ >
+ {tab.tabName}
+
+ ))}
+
+
+ Tech: {tab.subtitle}
+ {tab.content.map((content, index) => ( +
+ If you think I can help with your project...
+
+ Get in touch
+ );
+}
diff --git a/src/Client/src/components/Footer.tsx b/src/Client/src/components/Footer.tsx
new file mode 100644
index 0000000..821707d
--- /dev/null
+++ b/src/Client/src/components/Footer.tsx
@@ -0,0 +1,18 @@
+import SocialIcons from "./SocialIcons";
+
+export default function Footer() {
+ const currentYear = new Date().getFullYear();
+
+ return (
+
+ );
+}
diff --git a/src/Client/src/components/Label.tsx b/src/Client/src/components/Label.tsx
new file mode 100644
index 0000000..c35395e
--- /dev/null
+++ b/src/Client/src/components/Label.tsx
@@ -0,0 +1,12 @@
+interface Props {
+ htmlFor: string;
+ children: string;
+}
+
+export default function Label({ htmlFor, children }: Props) {
+ return (
+
+ );
+}
diff --git a/src/Client/src/components/List.tsx b/src/Client/src/components/List.tsx
new file mode 100644
index 0000000..7ebacd5
--- /dev/null
+++ b/src/Client/src/components/List.tsx
@@ -0,0 +1,15 @@
+import { ReactElement } from "react";
+import buildClassNames from "../helpers/cssClassFormatter";
+import { ListItemProps } from "./ListItem";
+
+interface Props {
+ className?: string | null;
+ children: ReactElement- {children}
+
+ );
+}
diff --git a/src/Client/src/components/LoadingSpinner.tsx b/src/Client/src/components/LoadingSpinner.tsx
new file mode 100644
index 0000000..a65b737
--- /dev/null
+++ b/src/Client/src/components/LoadingSpinner.tsx
@@ -0,0 +1,23 @@
+export default function LoadingSpinner() {
+ return (
+
+ 
+
+
+
+ Loading...
+
+ );
+}
diff --git a/src/Client/src/components/NavBar.tsx b/src/Client/src/components/NavBar.tsx
new file mode 100644
index 0000000..749b737
--- /dev/null
+++ b/src/Client/src/components/NavBar.tsx
@@ -0,0 +1,92 @@
+import { Dialog, Popover } from "@headlessui/react";
+import { useState } from "react";
+import { FaBars, FaXmark } from "react-icons/fa6";
+import { Link } from "react-router-dom";
+import logo from "../assets/logo.webp";
+import SocialIcons from "./SocialIcons";
+import NavLink from "./NavLink";
+
+export default function NavBar() {
+ const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+
+ return (
+
+ {socialIcons.map((socialIcon) => (
+
+ {socialIcon.name}
+ {socialIcon.icon}
+
+ ))}
+
+ );
+}
diff --git a/src/Client/src/components/Subtitle.tsx b/src/Client/src/components/Subtitle.tsx
new file mode 100644
index 0000000..842f72d
--- /dev/null
+++ b/src/Client/src/components/Subtitle.tsx
@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import buildClassNames from "../helpers/cssClassFormatter";
+
+interface Props {
+ children: ReactNode;
+ className?: string | null;
+}
+
+export default function Subtitle({ children, className }: Props) {
+ const defaultStyles = "flex items-center text-2xl py-4 font-semibold";
+ const styles = buildClassNames(className ? className : "", defaultStyles);
+
+ return {children}
; +} diff --git a/src/Client/src/components/TechIcons.tsx b/src/Client/src/components/TechIcons.tsx new file mode 100644 index 0000000..9bc9f23 --- /dev/null +++ b/src/Client/src/components/TechIcons.tsx @@ -0,0 +1,58 @@ +import { FaDatabase, FaDocker, FaReact } from "react-icons/fa6"; +import { SiBlazor, SiCsharp, SiMicrosoftazure } from "react-icons/si"; +import buildClassNames from "../helpers/cssClassFormatter"; + +const iconSize = 34; +const iconCss = "mx-auto"; + +const techIcons = [ + { + name: "C#/.NET", + icon:
+
+ );
+}
diff --git a/src/Client/src/components/Text.tsx b/src/Client/src/components/Text.tsx
new file mode 100644
index 0000000..3ff197d
--- /dev/null
+++ b/src/Client/src/components/Text.tsx
@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import buildClassNames from "../helpers/cssClassFormatter";
+
+interface Props {
+ children: ReactNode;
+ className?: string | null;
+}
+
+export default function Text({ children, className }: Props) {
+ const defaultStyles = "text-lg py-3";
+ const styles = buildClassNames(className ? className : "", defaultStyles);
+
+ return + Tech i'm working with at the moment: +
+
+ {techIcons.map((techIcon, index) => (
+
+
+ {techIcon.icon}
+
+ ))}
+ {techIcon.name}
+{children}
; +} diff --git a/src/Client/src/components/TextAreaInput.tsx b/src/Client/src/components/TextAreaInput.tsx new file mode 100644 index 0000000..6c1790f --- /dev/null +++ b/src/Client/src/components/TextAreaInput.tsx @@ -0,0 +1,14 @@ +interface Props { + id: string; + rows?: number; +} + +export default function TextAreaInput({ id, rows = 4 }: Props) { + return ( + + ); +} diff --git a/src/Client/src/components/TextInput.tsx b/src/Client/src/components/TextInput.tsx new file mode 100644 index 0000000..74e2d09 --- /dev/null +++ b/src/Client/src/components/TextInput.tsx @@ -0,0 +1,14 @@ +interface Props { + id: string; + type: "text" | "email"; +} + +export default function TextInput({ id, type }: Props) { + return ( + + ); +} diff --git a/src/Client/src/components/Title.tsx b/src/Client/src/components/Title.tsx new file mode 100644 index 0000000..cff535b --- /dev/null +++ b/src/Client/src/components/Title.tsx @@ -0,0 +1,13 @@ +import buildClassNames from "../helpers/cssClassFormatter"; + +interface Props { + children: string; + className?: string | null; +} + +export default function Title({ children, className }: Props) { + const defaultStyles = "text-4xl py-4"; + const styles = buildClassNames(className ? className : "", defaultStyles); + + return{children}
; +} diff --git a/src/Client/src/components/WorkTimeline.tsx b/src/Client/src/components/WorkTimeline.tsx new file mode 100644 index 0000000..071d03e --- /dev/null +++ b/src/Client/src/components/WorkTimeline.tsx @@ -0,0 +1,76 @@ +import AnchorLink from "./AnchorLink"; +import Text from "./Text"; + +interface WorkTimelineItem { + startDate: string; + endDate?: string | null; + title: string; + companyName: string; + companyUrl: string; + content: string[]; +} + +const workTimelineItems: WorkTimelineItem[] = [ + { + startDate: "September 2021", + title: "CTO", + companyName: "un:hurd music", + companyUrl: "https://unhurdmusic.com", + content: [ + "As one of the founding developers at un:hurd music and now Chief Technology Officer, I built and scaled un:hurd's back-end and cloud infrastructure that serves automated marketing soloutions for tens-of-thousands of artists and musicians.", + "I lead a small but incredibly talented multi-diciplinary team building on the Azure cloud using a .NET backend, React web front-end and a Swift native iOS app.", + ], + }, + { + startDate: "August 2020", + endDate: "September 2021", + title: "Software Development Lead", + companyName: "Vouch", + companyUrl: "https://vouch.co.uk/", + content: [ + "At Vouch I lead the backend build of a new version of their tenant referencing software - an AI enhanced chat-bot based system utlising Azure Cognitive Services and various supporting serverless APIs written in .NET Core and hosted on Microsoft Azure.", + ], + }, + { + startDate: "May 2020", + endDate: "July 2020", + title: "Software Developer", + companyName: "Paragon ID", + companyUrl: "https://www.paragon-id.com/en", + content: [ + "I joined Paragon ID on a short-term contract where I wrote and deployed two key projects: A complex dashboard for a large construction equipment manufacturer to track assets across various manufacturing stages and a medical assets tracking dashboard deployed and used in multiple hospitals across the UK.", + ], + }, + { + startDate: "July 2019", + endDate: "May 2020", + title: "Software Developer", + companyName: "Osborne Technologies", + companyUrl: "https://www.osbornetechnologies.co.uk/", + content: [ + "I joined Osborne Technologies as the only cloud cloud-specialist and lead a project creating the first web-based version of their flag ship visitor management software utilising ASP.NET Core MVC and Microsoft SQL Server on the Microsoft Azure cloud.", + ], + }, +]; + +export default function WorkTimeline() { + return ( +-
+ {workTimelineItems.map((item, index) => (
+
-
+
+
+
+ {item.title} @{" "} +
+ {item.content.map((content, index) => ( +{item.companyName} +{content} + ))} +
+ ))}
+
+
+ );
+}
diff --git a/src/Client/src/pages/HomePage.tsx b/src/Client/src/pages/HomePage.tsx
new file mode 100644
index 0000000..30fb2bc
--- /dev/null
+++ b/src/Client/src/pages/HomePage.tsx
@@ -0,0 +1,26 @@
+import AnchorLink from "../components/AnchorLink";
+import TechIcons from "../components/TechIcons";
+import Text from "../components/Text";
+import Title from "../components/Title";
+
+export default function HomePage() {
+ return (
+ <>
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/Client/src/pages/WorkPage.tsx b/src/Client/src/pages/WorkPage.tsx
new file mode 100644
index 0000000..b5e3362
--- /dev/null
+++ b/src/Client/src/pages/WorkPage.tsx
@@ -0,0 +1,16 @@
+import ContactMe from "../components/ContactMe";
+import Title from "../components/Title";
+import WorkTimeline from "../components/WorkTimeline";
+
+export default function WorkPage() {
+ return (
+ <>
+
+
+
+
+
+ + Freelance Software Engineer since 2018 +
+