adding learning portrait to projects

context/state.tsx

@@ -9,10 +9,20 @@ interface AppWrapperProps {
 let sharedState = {
   name: 'Daniel Greener-Vigil',
   title: `Software Engineer / Web Developer <br/>Mentor`,
-  aboutText: `I have been a Software Engineer for 9 years.  I have a passion for learning and bring this passion to each project I work on.  I am always open and willing to learn something new.  I always welcome new challenges and help cultivate those abilities in others. 
+  aboutText: `I have been a Software Engineer for ${new Date().getFullYear() - 2014} years.  I have a passion for learning and bring this passion to each project I work on.  I am always open and willing to learn something new.  I always welcome new challenges and help cultivate those abilities in others. 
   I have worked on multiple projects with a range of technologies.  I have experience with HTML, CSS, JavaScript, TypeScript, React, React Native, Android(Java), Storybook, NextJs, Svelte, SolidJS, Bootstrap, React Bootstrap, Tailwind, Jest, React Testing Library, Redux, MUI, and even Wordpress. `,
   greenfield: 'I additionally run a freelance partnership called GreenField Development.  I have spent the last few years developing this as a mentorship program to assist self taught developers.  I sought to provide the additional skills developers need through a project based mentorship designed specifically for each developer with the Agile Methodology, version control practices and standard project management built into the process.',
   projects: [
+    {
+      id: 15,
+      href: '/projects/15',
+      link: 'https://app.learningportrait.com',
+      title: 'Learning Portrait',
+      description: 'Learning Portrait is a platform for teachers and students to track their learning progress and achievements.',
+      imageSrc: '/learning_portrait.png',
+      imageDescription: 'Learning Portrait teacher dashboard',
+      tech: ['React', 'NextJS', 'MUI', 'JavaScript','TypeScript', 'Jest', 'React Testing Library', 'monorepo', 'Prisma ORM', 'GraphQL', 'Apollo Client', 'PostgreSQL', 'Vercel']
+    },
     {
       id: 14,
       href: '/projects/14',

pages/projects/[id].tsx

@@ -72,6 +72,7 @@ export const getStaticPaths: GetStaticPaths = async () => {
       { params: { id: '12' }},
       { params: { id: '13' }},
       { params: { id: '14' }},
+      { params: { id: '15' }},
     ],
     fallback: false
   }