Merge pull request #2 from catherineisonline/refactor

refactor
catherineisonline · Aug 1, 2024 · ae3fe24 · ae3fe24
2 parents 49eedb8 + bc47469
commit ae3fe24
Show file tree

Hide file tree

Showing 45 changed files with 23 additions and 29 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,7 +1,7 @@
 .DS_Store
 node_modules
 # dist
-
+/dist
 
 # local env files
 .env.local

diff --git a/dist/css/app.324019b0.css b/dist/css/app.324019b0.css
diff --git a/dist/favicon.png b/dist/favicon.png
diff --git a/dist/img/3-column-preview-card-component.491af049.jpeg b/dist/img/3-column-preview-card-component.491af049.jpeg
diff --git a/dist/img/Base-Apparel-coming-soon-page.89ad7976.jpeg b/dist/img/Base-Apparel-coming-soon-page.89ad7976.jpeg
diff --git a/dist/img/FAQ-accordion-card.8248dbbe.jpeg b/dist/img/FAQ-accordion-card.8248dbbe.jpeg
diff --git a/dist/img/IP-address-tracker-challenge.f62fd571.jpeg b/dist/img/IP-address-tracker-challenge.f62fd571.jpeg
diff --git a/dist/img/Intro-component-with-sign-up-form.66bc2387.jpeg b/dist/img/Intro-component-with-sign-up-form.66bc2387.jpeg
diff --git a/dist/img/NFT-preview-card-component.4d481a09.jpeg b/dist/img/NFT-preview-card-component.4d481a09.jpeg
diff --git a/dist/img/QR-code-component.ff2455af.jpeg b/dist/img/QR-code-component.ff2455af.jpeg
diff --git a/dist/img/URL-shortening-API-landing-page.6b5909f3.jpeg b/dist/img/URL-shortening-API-landing-page.6b5909f3.jpeg
diff --git a/dist/img/advice-generator-app.640918ae.jpeg b/dist/img/advice-generator-app.640918ae.jpeg
diff --git a/dist/img/article-preview-component.7eb699ab.jpeg b/dist/img/article-preview-component.7eb699ab.jpeg
diff --git a/dist/img/calculator-app.5562e102.webp b/dist/img/calculator-app.5562e102.webp
diff --git a/dist/img/crowdfunding-product-page.6be4eb8d.webp b/dist/img/crowdfunding-product-page.6be4eb8d.webp
diff --git a/dist/img/four-card-feature-section.27887e1c.jpeg b/dist/img/four-card-feature-section.27887e1c.jpeg
diff --git a/dist/img/fylo-dark-theme-landing-page.b61e6bda.jpeg b/dist/img/fylo-dark-theme-landing-page.b61e6bda.jpeg
diff --git a/dist/img/fylo-data-storage-component.37f0b885.jpeg b/dist/img/fylo-data-storage-component.37f0b885.jpeg
diff --git a/dist/img/fylo-landing-page-with-two-column-layout.4950a7f4.webp b/dist/img/fylo-landing-page-with-two-column-layout.4950a7f4.webp
diff --git a/dist/img/huddle-landing-page-with-a-single-introductory section.7c92d118.jpeg b/dist/img/huddle-landing-page-with-a-single-introductory section.7c92d118.jpeg
diff --git a/dist/img/huddle-landing-page-with-alternating-feature-blocks.a760b9ad.webp b/dist/img/huddle-landing-page-with-alternating-feature-blocks.a760b9ad.webp
diff --git a/dist/img/interactive-rating-component.5c1e6efc.webp b/dist/img/interactive-rating-component.5c1e6efc.webp
diff --git a/dist/img/intro-section-with-dropdown-navigation.f2deceaa.webp b/dist/img/intro-section-with-dropdown-navigation.f2deceaa.webp
diff --git a/dist/img/nav-icon.aad3d167.jpeg b/dist/img/nav-icon.aad3d167.jpeg
diff --git a/dist/img/news-homepage.e5b76983.webp b/dist/img/news-homepage.e5b76983.webp
diff --git a/dist/img/order-summary-component.9d1e7261.jpeg b/dist/img/order-summary-component.9d1e7261.jpeg
diff --git a/dist/img/ping-coming-soon.86691dc1.jpeg b/dist/img/ping-coming-soon.86691dc1.jpeg
diff --git a/dist/img/pricing-component-with-toggle.1bd22bc8.jpeg b/dist/img/pricing-component-with-toggle.1bd22bc8.jpeg
diff --git a/dist/img/product-preview-card-component.8ffef142.webp b/dist/img/product-preview-card-component.8ffef142.webp
diff --git a/dist/img/profile-card-component.efbbcbc9.jpeg b/dist/img/profile-card-component.efbbcbc9.jpeg
diff --git a/dist/img/rest-countries-api-with-color-theme-switcher.ae5c9492.jpeg b/dist/img/rest-countries-api-with-color-theme-switcher.ae5c9492.jpeg
diff --git a/dist/img/single-price-grid-component.41834b3d.jpeg b/dist/img/single-price-grid-component.41834b3d.jpeg
diff --git a/dist/img/social-proof-section.bd8fd8ec.jpeg b/dist/img/social-proof-section.bd8fd8ec.jpeg
diff --git a/dist/img/stats-preview-card-component.cbe846ea.jpeg b/dist/img/stats-preview-card-component.cbe846ea.jpeg
diff --git a/dist/img/sunnyside-agency-landing-page.01b94239.jpeg b/dist/img/sunnyside-agency-landing-page.01b94239.jpeg
diff --git a/dist/img/testimonials-grid-section.41b1aa62.jpeg b/dist/img/testimonials-grid-section.41b1aa62.jpeg
diff --git a/dist/index.html b/dist/index.html
diff --git a/dist/js/app.7baa8680.js b/dist/js/app.7baa8680.js
diff --git a/dist/js/app.7baa8680.js.map b/dist/js/app.7baa8680.js.map
diff --git a/dist/js/chunk-vendors.caf87120.js b/dist/js/chunk-vendors.caf87120.js
diff --git a/dist/js/chunk-vendors.caf87120.js.map b/dist/js/chunk-vendors.caf87120.js.map
diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "serve": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
+    "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint"
   },
@@ -46,4 +46,4 @@
     "last 2 versions",
     "not dead"
   ]
-}
+}
diff --git a/public/index.html b/public/index.html
@@ -5,14 +5,25 @@
   <meta charset="utf-8">
   <meta name="description" content="Frontend Mentor Challenge Solutions">
   <meta name="keywords" content="Frontend Mentor Challenge Solutions, Frontend Mentor">
+  <!-- Open Graph Meta Tags -->
+  <meta property="og:title" content="Frontend Mentor Challenge Solutions" />
+  <meta property="og:description" content="Frontend Mentor Challenge Solutions" />
+  <meta property="og:image"
+    content="https://github.com/catherineisonline/frontend-mentor-challenge-solutions/raw/main/src/assets/images/Base-Apparel-coming-soon-page.jpeg?raw=true" />
+  <meta property="og:url" content="https://catherineisonline.github.io/frontend-mentor-challenge-solutions/" />
+  <meta property="og:type" content="website" />
+  <!-- Twitter Card Meta Tags -->
+  <meta name="twitter:card" content="Frontend Mentor Challenge Solutions" />
+  <meta name="twitter:title" content="Frontend Mentor Challenge Solutions" />
+  <meta name="twitter:description" content="Frontend Mentor Challenge Solutions" />
+  <meta name="twitter:image"
+    content="https://github.com/catherineisonline/frontend-mentor-challenge-solutions/raw/main/src/assets/images/Base-Apparel-coming-soon-page.jpeg?raw=true" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <link rel="icon" type="image/png" sizes="32x32" href="<%= BASE_URL %>favicon.png">
-
   <title>Frontend Mentor Challenge Solutions</title>
 </head>
 
-
 <body>
   <div id="app"></div>
 </body>

diff --git a/src/App.vue b/src/App.vue
@@ -2,7 +2,7 @@
   <main>
     <header v-for="headerDetail in headerDetails" v-bind:key="headerDetail.id">
       <section class="header-info">
-        <img :src="headerDetail.headerIcon" alt="icon" />
+        <img :src="headerDetail.headerIcon" alt="Frontend Mentor" />
         <a :href="headerDetail.projectUrl">
           <h1><span>Frontend</span> Mentor Challenge Solutions</h1>
         </a>
@@ -11,18 +11,16 @@
         <img
           class="nav-icon"
           :src="headerDetail.navIcon"
-          alt=""
+          alt="Open navigation menu"
           @click="click"
         />
 
         <ul class="main-menu">
           <li>
-            <i class="fas fa-home"></i
-            ><a :href="headerDetail.projectUrl" @click="removeMenu">Home</a>
+            <i class="fas fa-home"></i><a :href="headerDetail.projectUrl" @click="removeMenu">Home</a>
           </li>
           <li>
-            <i class="fas fa-project-diagram"></i
-            ><a
+            <i class="fas fa-project-diagram"></i><a
               :href="headerDetail.frontendMentorUrl"
               @click="removeMenu"
               target="_blank"
@@ -64,7 +62,7 @@
             <img
               class="project-image"
               v-bind:src="solution.projectPreview"
-              alt="project preview"
+              alt={{ solution.projectName }}
             />
           </section>
           <!-- Project Info -->
@@ -126,7 +124,7 @@ export default {
         {
           headerIcon: require("@/assets/images/favicon.png"),
           navIcon: require("@/assets/images/nav-icon.jpeg"),
-          projectUrl: "https://frontend-mentor-challenge-solutions.vercel.app/",
+          projectUrl: "https://catherineisonline.github.io/frontend-mentor-challenge-solutions/",
           frontendMentorUrl:
             "https://www.frontendmentor.io/profile/catherineisonline",
           gitHubUrl:
@@ -482,7 +480,7 @@ export default {
             "If you're wanting to test your JavaScript skills this is the challenge for you. Use whichever JS framework you prefer and pull data from the REST Countries API.",
           projectStack: ["HTML", "CSS", "JS", "API"],
           projectPreview: require("@/assets/images/rest-countries-api-with-color-theme-switcher.jpeg"),
-          liveLink: "https://catherineisonline.github.io/rest-countries/",
+          liveLink: "https://restful-countries.vercel.app/",
 
           projectLink:
             "https://www.frontendmentor.io/solutions/rest-countries-api-with-color-theme-switcher-SySqXmn49",

diff --git a/src/main.js b/src/main.js
@@ -2,7 +2,6 @@ import Vue from "vue";
 import App from "./App.vue";
 import "./assets/styles.sass";
 
-// Vue.config.productionTip = false;
 
 new Vue({
   render: (h) => h(App),