ref: remove VUE project demo page and tests (#84)

* ref: remove VUE project demo page and tests

- delete content
- redirect page in config

* test: remove unused year function test

__tests__/jest/generateIconsSkills.test.ts

@@ -21,8 +21,6 @@ describe('generateIconsSkills', () => {
     'storybook',
     'tailwind',
     'ts',
-    'vue',
-    'vuetify',
     'wordpress',
     'xd',
   ]

__tests__/playwright/personal-projects/projectItemLinksPersonal.spec.ts

@@ -32,8 +32,4 @@ test.describe('Projects Personal - Page links', () => {
   test('Project - Cryptomania', async () => {
     await testProjectLink(page, PAGES_URL.personal.cryptoMania, PROJECT_ID.personal.cryptoMania)
   })
-
-  test('Project - Eshop', async () => {
-    await testProjectLink(page, PAGES_URL.personal.eshop, PROJECT_ID.personal.eshop)
-  })
 })

app/personal-projects/cryptomania/page.tsx

@@ -52,9 +52,7 @@ const ProjectPersonalCryptomania = () => {
             pageLinkPrevious="/personal-projects/krsiak"
             pageNamePrevious="Portfolio Website"
             dataTestIDPrevious="page-navigation-previous-krsiak"
-            pageLinkNext="/personal-projects/eshop"
             pageNameNext="E-Commerce Website"
-            dataTestIDNext="page-navigation-next-eshop"
           />
         }
       />

app/personal-projects/page.tsx

@@ -3,11 +3,7 @@ import PageContainer from '@/components/layout/PageContainer'
 import ProjectsLayout from '@/components/layout/ProjectsLayout'
 import { ProjectSection } from '@/components/projects/ProjectSection'
 import BreadCrumbs from '@/components/shared/Breadcrumbs'
-import {
-  projectsPersonalNext,
-  projectsPersonalReact,
-  projectsPersonalVue,
-} from '@/data/projects/personal/projectsOverview'
+import { projectsPersonalNext, projectsPersonalReact } from '@/data/projects/personal/projectsOverview'
 import { ID } from '@/utils/constants'
 import { Metadata } from 'next'
 
@@ -28,7 +24,6 @@ const ProjectsPersonal = () => {
       >
         <ProjectSection sectionId={ID.section.next} sectionText="Next" projectData={projectsPersonalNext} />
         <ProjectSection sectionId={ID.section.react} sectionText="React" projectData={projectsPersonalReact} />
-        <ProjectSection sectionId={ID.section.vue} sectionText="Vue" projectData={projectsPersonalVue} />
       </ProjectsLayout>
       <div className="mt-20">
         <NextPageNavigation

app/sitemap.ts

@@ -22,7 +22,6 @@ export const URLS = {
   PERSONAL_PROJECTS_DETAILS: {
     KRSIAK: `${BASE_URL}${PERSONAL_PROJECTS}/krsiak`,
     CRYPTOMANIA: `${BASE_URL}${PERSONAL_PROJECTS}/cryptomania`,
-    ESHOP: `${BASE_URL}${PERSONAL_PROJECTS}/eshop`,
   },
 }
 
@@ -103,12 +102,6 @@ export default function sitemap(): MetadataRoute.Sitemap {
       changeFrequency: CHANGE_FREQUENCY_MONTHLY,
       priority: 0.8,
     },
-    {
-      url: URLS.PERSONAL_PROJECTS_DETAILS.ESHOP,
-      lastModified: new Date(),
-      changeFrequency: CHANGE_FREQUENCY_MONTHLY,
-      priority: 0.8,
-    },
     {
       url: URLS.STATUS_PAGE,
       lastModified: new Date(),

data/projects/personal/projectsOverview.ts

@@ -1,6 +1,5 @@
 import {
   iconsSkillsProjectsPersonalCryptomania,
-  iconsSkillsProjectsPersonalEshop,
   iconsSkillsProjectsPersonalKrsiak,
 } from '@/data/skills/skills-projects-personal'
 import { Project } from '@/utils/types'
@@ -21,11 +20,6 @@ import cryptomania6 from '@/public/images/projects-personal/cryptomania/cryptoma
 import cryptomania3 from '@/public/images/projects-personal/cryptomania/cryptomania-3-light.png'
 import cryptomaniaThumb from '@/public/images/projects-personal/cryptomania/cryptomania-thumb-light-600.webp'
 
-import eshop1 from '@/public/images/projects-personal/eshop/eshop-1-light.png'
-import eshop2 from '@/public/images/projects-personal/eshop/eshop-2-light.png'
-import eshop3 from '@/public/images/projects-personal/eshop/eshop-3-light.png'
-import eshop4 from '@/public/images/projects-personal/eshop/eshop-4-light.png'
-import eshopThumb from '@/public/images/projects-personal/eshop/eshop-thumb-light-600.webp'
 import { PAGES_URL, PROJECT_ID } from '@/utils/constants'
 
 export const projectsPersonalNext: Project[] = [
@@ -86,28 +80,3 @@ export const projectsPersonalReact: Project[] = [
     linkProjectPage: PAGES_URL.personal.cryptoMania,
   },
 ]
-
-export const projectsPersonalVue: Project[] = [
-  {
-    id: PROJECT_ID.personal.eshop,
-    isFeatured: false,
-    image: eshopThumb.src,
-    imageShowcase: [eshop1.src, eshop2.src, eshop3.src, eshop4.src],
-    title: '🛒 E-Commerce Website',
-    company: 'Personal project',
-    role: 'Front End - Vue.js',
-    description:
-      'Simple E-Commerce website. First time coding with Vue and Nuxt. Used\u00A0Vuetify for styling. Exercise in creating Vue project.',
-    mySkillsIcons: iconsSkillsProjectsPersonalEshop,
-    mySkills: [
-      {
-        description: 'Frontend',
-        skills: ['JavaScript', 'Vue.js', 'Nuxt.js', 'Vuetify'],
-      },
-    ],
-    linkText: 'Project details',
-    projectLinks: [{ urlText: 'Website →', url: 'https://ecommerce-website-vuejs-nuxtjs-vuetify.vercel.app/' }],
-    linkGitHub: 'https://github.com/krsiakdaniel/ecommerce-website-vuejs-nuxtjs-vuetify',
-    linkProjectPage: PAGES_URL.personal.eshop,
-  },
-]

data/skills/skills-projects-personal.ts

@@ -13,5 +13,3 @@ export const iconsSkillsProjectsPersonalKrsiak = generateIconsSkills([
 ])
 
 export const iconsSkillsProjectsPersonalCryptomania = generateIconsSkills(['js', 'ts', 'react', 'chakra', 'netlify'])
-
-export const iconsSkillsProjectsPersonalEshop = generateIconsSkills(['js', 'vue', 'nuxt', 'vuetify'])

next.config.mjs

@@ -5,6 +5,15 @@ const nextConfig = {
     dangerouslyAllowSVG: true,
     unoptimized: false,
   },
+  async redirects() {
+    return [
+      {
+        source: '/personal-projects/eshop', // The deleted page
+        destination: '/personal-projects/', // Redirect to projects
+        permanent: true, // Use 301 for permanent redirect
+      },
+    ]
+  },
 }
 
 export default nextConfig

utils/constants.ts

@@ -34,7 +34,6 @@ export const PROJECT_ID = {
   },
   personal: {
     krsiak: 'link-project-personal-krsiak',
-    eshop: 'link-project-personal-eshop',
     cryptoMania: 'link-project-personal-cryptomania',
   },
 }
@@ -57,7 +56,6 @@ export const ID = {
     qa: 'qa-automation-testing',
     localization: 'localization',
     next: 'next',
-    vue: 'vue',
   },
   error: {
     err404: 'error-404',
@@ -98,7 +96,6 @@ export const PAGES_URL = {
   personal: {
     main: URL_PERSONAL_PROJECTS,
     krsiak: `${URL_PERSONAL_PROJECTS}/krsiak`,
-    eshop: `${URL_PERSONAL_PROJECTS}/eshop`,
     cryptoMania: `${URL_PERSONAL_PROJECTS}/cryptomania`,
   },
 }

utils/generateIconsSkills.ts

@@ -18,8 +18,6 @@ import scss from '@/public/icons/svg/skills/scss.svg'
 import storybook from '@/public/icons/svg/skills/storybook.svg'
 import tailwind from '@/public/icons/svg/skills/tailwind.svg'
 import ts from '@/public/icons/svg/skills/ts.svg'
-import vue from '@/public/icons/svg/skills/vue.svg'
-import vuetify from '@/public/icons/svg/skills/vuetify.svg'
 import wordpress from '@/public/icons/svg/skills/wordpress.svg'
 import xd from '@/public/icons/svg/skills/xd.svg'
 
@@ -46,8 +44,6 @@ type SkillKeys =
   | 'storybook'
   | 'tailwind'
   | 'ts'
-  | 'vue'
-  | 'vuetify'
   | 'wordpress'
   | 'xd'
 
@@ -72,8 +68,6 @@ export const skillIcons: Record<SkillKeys, string> = {
   storybook,
   tailwind,
   ts,
-  vue,
-  vuetify,
   wordpress,
   xd,
 }