project has a new page: positions/full-stack-engineer

apps/website/src/app/positions/full-stack-engineer-collinson/Content.tsx

@@ -0,0 +1,44 @@
+'use client'
+
+import StrongLabel from '@/styled-components/Text/StrongLabel'
+import TargetBlankLink from '@/components/TargetBlankLink'
+import {HFlexBox} from '@/styled-components/Grid'
+
+import stack from './stack'
+
+const Content = () => {
+  const width = 130
+
+  return (
+    <>
+      <HFlexBox>
+        <StrongLabel width={width}>Company:</StrongLabel>
+        <TargetBlankLink
+          href="https://www.collinsongroup.com/"
+          title="Full Stack Engineer, collinsongroup.com"
+          text="Collinsongroup.com"
+        />
+      </HFlexBox>
+      <HFlexBox>
+        <StrongLabel width={width}>Role:</StrongLabel>
+        <span>Full Stack Engineer</span>
+      </HFlexBox>
+      <HFlexBox>
+        <StrongLabel width={width}>Team Size:</StrongLabel>
+        <span>30+</span>
+      </HFlexBox>
+      <HFlexBox>
+        <StrongLabel width={width}>Technologies:</StrongLabel>
+        <span>{stack.join(', ')}</span>
+      </HFlexBox>
+      <HFlexBox>
+        <StrongLabel width={width}>Architecture</StrongLabel>
+        <span>
+          Microservices, Clean Architecture, Onion architecture, Micro frontends
+        </span>
+      </HFlexBox>
+    </>
+  )
+}
+
+export default Content

apps/website/src/app/positions/full-stack-engineer-collinson/layout.tsx

@@ -0,0 +1,21 @@
+import layout from '@/components/NextjsLayout'
+import generateMetadata, {InternalMetadata} from '@/seo/metadata'
+
+import stack from './stack'
+
+const title = 'Full stack engineer, Collinson group'
+const description = `Technology stack (I'm happy to provide technical tips for each technology in the list): ${stack.join(
+  ', ',
+)}`
+
+const canonical = '/projects/full-stack-engineer-collinson'
+
+const props: InternalMetadata = {
+  title,
+  description,
+  canonical,
+}
+
+export const metadata = generateMetadata(props)
+
+export default layout

apps/website/src/app/positions/full-stack-engineer-collinson/page.tsx

@@ -0,0 +1,37 @@
+'use client'
+
+import type {NextPage} from 'next'
+
+import Content from './Content'
+
+import Layout from '@/components/MainLayout'
+import LeftDrawer from '@/components/Drawers/LeftDrawer'
+import {menuItems} from '@/menu'
+
+import {drawerWidth} from '@/config/layout'
+import {LayoutProvider} from '@/providers'
+
+const Title = () => {
+  return <h1>Full Stack Engineer</h1>
+}
+
+const PageContent = () => {
+  return (
+    <LayoutProvider>
+      <Content />
+    </LayoutProvider>
+  )
+}
+
+const Page: NextPage = () => {
+  return (
+    <Layout
+      PageContent={PageContent}
+      HeaderTitle={Title}
+      drawerWidth={drawerWidth}
+      LeftDrawer={<LeftDrawer items={menuItems} />}
+    />
+  )
+}
+
+export default Page

apps/website/src/app/positions/full-stack-engineer-collinson/stack.tsx

@@ -0,0 +1,16 @@
+const stack = [
+  'Nodejs',
+  'GraphQL and Apollo Federation',
+  'Datadog and Winston',
+  'React',
+  'Nextjs',
+  'Vercel',
+  'Mongodb',
+  'kubernetes',
+  'docker',
+  'jest',
+  'cerbos',
+  'aws',
+]
+
+export default stack

apps/website/src/styled-components/Text/StrongLabel.tsx

@@ -0,0 +1,14 @@
+import styled from 'styled-components'
+import BaseTitle from '@/styled-components/Text/Title'
+
+export interface Props {
+  width: number
+}
+
+const Label = styled(BaseTitle)<Props>`
+  font-size: 1rem;
+  font-weight: bold;
+  min-width: ${p => `${p.width}px`};
+`
+
+export default Label

apps/website/src/styled-components/Text/index.ts

@@ -1,3 +1,4 @@
 import Title from './Title'
+import BoldLabel from './StrongLabel'
 
-export {Title}
+export {Title, BoldLabel}

yarn.lock

@@ -2827,7 +2827,7 @@ axios@^0.21.2:
   dependencies:
     follow-redirects "^1.14.0"
 
-axios@^1.2.1, axios@^1.4.0, axios@^1.6.0:
+axios@^1.2.1, axios@^1.6.0:
   version "1.6.2"
   resolved "https://registry.yarnpkg.com/axios/-/axios-1.6.2.tgz#de67d42c755b571d3e698df1b6504cde9b0ee9f2"
   integrity sha512-7i24Ri4pmDRfJTR7LDBhsOTtcm+9kjX5WiY1X3wIisx6G9So3pfMkEiU7emUBe46oceVImccTEM3k6C5dbVW8A==