diff --git a/apps/website/src/app/positions/full-stack-engineer-collinson/Content.tsx b/apps/website/src/app/positions/full-stack-engineer-collinson/Content.tsx new file mode 100644 index 0000000..edc2e7a --- /dev/null +++ b/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 ( + <> + + Company: + + + + Role: + Full Stack Engineer + + + Team Size: + 30+ + + + Technologies: + {stack.join(', ')} + + + Architecture + + Microservices, Clean Architecture, Onion architecture, Micro frontends + + + + ) +} + +export default Content diff --git a/apps/website/src/app/positions/full-stack-engineer-collinson/layout.tsx b/apps/website/src/app/positions/full-stack-engineer-collinson/layout.tsx new file mode 100644 index 0000000..43d6853 --- /dev/null +++ b/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 diff --git a/apps/website/src/app/positions/full-stack-engineer-collinson/page.tsx b/apps/website/src/app/positions/full-stack-engineer-collinson/page.tsx new file mode 100644 index 0000000..735958b --- /dev/null +++ b/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

Full Stack Engineer

+} + +const PageContent = () => { + return ( + + + + ) +} + +const Page: NextPage = () => { + return ( + } + /> + ) +} + +export default Page diff --git a/apps/website/src/app/positions/full-stack-engineer-collinson/stack.tsx b/apps/website/src/app/positions/full-stack-engineer-collinson/stack.tsx new file mode 100644 index 0000000..b90532f --- /dev/null +++ b/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 diff --git a/apps/website/src/styled-components/Text/StrongLabel.tsx b/apps/website/src/styled-components/Text/StrongLabel.tsx new file mode 100644 index 0000000..839c2c7 --- /dev/null +++ b/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)` + font-size: 1rem; + font-weight: bold; + min-width: ${p => `${p.width}px`}; +` + +export default Label diff --git a/apps/website/src/styled-components/Text/index.ts b/apps/website/src/styled-components/Text/index.ts index 60b39ab..92e4b17 100644 --- a/apps/website/src/styled-components/Text/index.ts +++ b/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} diff --git a/yarn.lock b/yarn.lock index b2df1aa..24892e6 100644 --- a/yarn.lock +++ b/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==