data.js

let projectListData =
  [
    {
      id: "1",
      difficulty: "newbie",
      type: "vanillajs",
      title: "3 Column Preview Card Component",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/3-column-preview-card-component",
      img: "./3-column-preview-card-component/design/design-preview.jpg"
    },
    {
      id: "2",
      difficulty: "newbie",
      type: "vanillajs",
      title: "Article Preview Component",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/article-preview-component",
      img: "./article-preview-component/design/design-preview.jpg"
    },
    {
      id: "3",
      difficulty: "newbie",
      type: "vanillajs",
      title: "Base Apparel Coming Soon",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/base-apparel-coming-soon",
      img: "./base-apparel-coming-soon/design/design-preview.jpg"
    },
    {
      id: "4",
      difficulty: "junior",
      type: "vanillajs",
      title: "Blogr Landing Page",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/blogr-landing-page",
      img: "./blogr-landing-page/design/design-preview.jpg"
    },
    {
      id: "5",
      difficulty: "intermediate",
      type: "vanillajs",
      title: "Bookmark Landing Page",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/bookmark-landing-page",
      img: "./bookmark-landing-page/design/design-preview.jpg"
    },
    {
      id: "6",
      difficulty: "junior",
      type: "vanillajs",
      title: "Clipboard Landing Page",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/clipboard-landing-page",
      img: "./clipboard-landing-page/design/design-preview.jpg"
    },
    {
      id: "7",
      difficulty: "intermediate",
      type: "api",
      title: "Clock App",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/clock-app",
      img: "./clock-app/design/design-preview.jpg"
    },
    {
      id: "8",
      difficulty: "junior",
      type: "vanillajs",
      title: "Coding Bootcamp Testimonials Slider",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/coding-bootcamp-testimonials-slider",
      img: "./coding-bootcamp-testimonials-slider/design/design-preview.jpg"
    },
    {
      id: "9",
      difficulty: "intermediate",
      type: "vanillajs",
      title: "Creative Single Page Site",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/creative-single-page-site",
      img: "./creative-single-page-site/design/design-preview.jpg"
    },
    {
      id: "10",
      difficulty: "junior",
      type: "vanillajs",
      title: "Crowdfunding Product Page",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/crowdfunding-product-page",
      img: "./crowdfunding-product-page/design/design-preview.jpg"
    },
    {
      id: "11",
      difficulty: "intermediate",
      type: "vanillajs",
      title: "Easybank Landing Page",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/easybank-landing-page",
      img: "./easybank-landing-page/design/design-preview.jpg"
    },
    {
      id: "12",
      difficulty: "newbie",
      type: "vanillajs",
      title: "Faq Accordion Card",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/faq-accordion-card",
      img: "./faq-accordion-card/design/design-preview.jpg"
    },
    {
      id: "13",
      difficulty: "newbie",
      type: "vanillajs",
      title: "Four Card Feature Section",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/four-card-feature-section",
      img: "./four-card-feature-section/design/design-preview.jpg"
    },
    {
      id: "14",
      difficulty: "junior",
      type: "vanillajs",
      title: "Fylo Dark Theme Landing Page",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/fylo-dark-theme-landing-page",
      img: "./fylo-dark-theme-landing-page/design/design-preview.jpg"
    },
    {
      id: "15",
      difficulty: "junior",
      type: "vanillajs",
      title: "Fylo Data Storage Component",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/fylo-data-storage-component",
      img: "./fylo-data-storage-component/design/design-preview.jpg"
    },
    {
      id: "16",
      difficulty: "junior",
      type: "vanillajs",
      title: "Fylo Landing Page With Two Column Layout",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/fylo-landing-page-with-two-column-layout",
      img: "./fylo-landing-page-with-two-column-layout/design/design-preview.jpg"
    },
    {
      id: "17",
      difficulty: "junior",
      type: "react",
      title: "Github User Search App V2",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/github-user-search-app-v2",
      img: "./github-user-search-app-v2/design/design-preview.jpg"
    },
    {
      id: "18",
      difficulty: "junior",
      type: "api",
      title: "Github User Search App",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/github-user-search-app",
      img: "./github-user-search-app/design/design-preview.jpg"
    },
    {
      id: "19",
      difficulty: "junior",
      type: "vanillajs",
      title: "Huddle Landing Page With Alternating Feature Blocks",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/huddle-landing-page-with-alternating-feature-blocks/",
      img: "./huddle-landing-page-with-alternating-feature-blocks/design/design-preview.jpg"
    },
    {
      id: "20",
      difficulty: "junior",
      type: "vanillajs",
      title: "Huddle Landing Page With Curved Sections",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/huddle-landing-page-with-curved-sections",
      img: "./huddle-landing-page-with-curved-sections/design/design-preview.jpg"
    },
    {
      id: "21",
      difficulty: "newbie",
      type: "vanillajs",
      title: "Huddle Landing Page With Single Introductory Section",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/huddle-landing-page-with-single-introductory-section/",
      img: "./huddle-landing-page-with-single-introductory-section/design/design-preview.jpg"
    },
    {
      id: "22",
      difficulty: "junior",
      type: "vanillajs",
      title: "Insure Landing Page",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/insure-landing-page",
      img: "./insure-landing-page/design/design-preview.jpg"
    },
    {
      id: "23",
      difficulty: "junior",
      type: "vanillajs",
      title: "Interactive Pricing Component",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/interactive-pricing-component",
      img: "./interactive-pricing-component/design/design-preview.jpg"
    },
    {
      id: "24",
      difficulty: "newbie",
      type: "vanillajs",
      title: "Intro Component With Signup Form",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/intro-component-with-signup-form",
      img: "./intro-component-with-signup-form/design/design-preview.jpg"
    },
    {
      id: "25",
      difficulty: "intermediate",
      type: "react",
      title: "Job Listings With Filter React",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/job-listings-with-filter-react",
      img: "./job-listings-with-filter-react/design/design-preview.jpg"
    },
    {
      id: "26",
      difficulty: "newbie",
      type: "vanillajs",
      title: "Launch Countdown Timer",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/launch-countdown-timer",
      img: "./launch-countdown-timer/design/design-preview.jpg"
    },
    {
      id: "27",
      difficulty: "junior",
      type: "vanillajs",
      title: "Loopstudios Landing Page",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/loopstudios-landing-page",
      img: "./loopstudios-landing-page/design/design-preview.jpg"
    },
    {
      id: "28",
      difficulty: "junior",
      type: "vanillajs",
      title: "Maker Pre Launch Landing Page",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/maker-pre-launch-landing-page",
      img: "./maker-pre-launch-landing-page/design/design-preview.jpg"
    },
    {
      id: "29",
      difficulty: "intermediate",
      type: "vanillajs",
      title: "Manage Landing Page",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/manage-landing-page",
      img: "./manage-landing-page/design/design-preview.jpg"
    },
    {
      id: "30",
      difficulty: "newbie",
      type: "vanillajs",
      title: "Meet Landing Page",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/meet-landing-page",
      img: "./meet-landing-page/design/design-preview.jpg"
    },
    {
      id: "31",
      difficulty: "junior",
      type: "vanillajs",
      title: "Officelite Coming Soon Site",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/officelite-coming-soon-site",
      img: "./officelite-coming-soon-site/design/design-preview.jpg"
    },
    {
      id: "32",
      difficulty: "newbie",
      type: "vanillajs",
      title: "Ping Coming Soon Page",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/ping-coming-soon-page",
      img: "./ping-coming-soon-page/design/design-preview.jpg"
    },
    {
      id: "33",
      difficulty: "intermediate",
      type: "react",
      title: "Planets Fact Site React",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/planets-fact-site-react",
      img: "./planets-fact-site-react/design/design-preview.jpg"
    },
    {
      id: "34",
      difficulty: "newbie",
      type: "vanillajs",
      title: "Pod Request Access Landing Page",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/pod-request-access-landing-page",
      img: "./pod-request-access-landing-page/design/design-preview.jpg"
    },
    {
      id: "35",
      difficulty: "junior",
      type: "vanillajs",
      title: "Pricing Component With Toggle",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/pricing-component-with-toggle",
      img: "./pricing-component-with-toggle/design/design-preview.jpg"
    },
    {
      id: "36",
      difficulty: "newbie",
      type: "vanillajs",
      title: "Profile Card Component",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/profile-card-component",
      img: "./profile-card-component/design/design-preview.jpg"
    },
    {
      id: "37",
      difficulty: "junior",
      type: "vanillajs",
      title: "Project Tracking Intro Component",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/project-tracking-intro-component",
      img: "./project-tracking-intro-component/design/design-preview.jpg"
    },
    {
      id: "38",
      difficulty: "intermdiate",
      type: "vanillajs",
      title: "Room Homepage",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/room-homepage",
      img: "./room-homepage/design/design-preview.jpg"
    },
    {
      id: "39",
      difficulty: "intermediate",
      type: "react",
      title: "Scoot Website React",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/scoot-website-react",
      img: "./scoot-website-react/design/design-preview.jpg"
    },
    {
      id: "40",
      difficulty: "newbie",
      type: "vanillajs",
      title: "Single Price Grid Component Wide",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/single-price-grid-component-wide",
      img: "./single-price-grid-component-wide/design/design-preview.jpg"
    },
    {
      id: "41",
      difficulty: "newbie",
      type: "vanillajs",
      title: "Single Price Grid Component",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/single-price-grid-component",
      img: "./single-price-grid-component/design/design-preview.jpg"
    },
    {
      id: "42",
      difficulty: "junior",
      type: "vanillajs",
      title: "Social Media Dashboard With Theme Switcher",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/social-media-dashboard-with-theme-switcher",
      img: "./social-media-dashboard-with-theme-switcher/design/design-preview.jpg"
    },
    {
      id: "43",
      difficulty: "newbie",
      type: "vanillajs",
      title: "Social Proof Section",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/social-proof-section",
      img: "./social-proof-section/design/design-preview.jpg"
    },
    {
      id: "44",
      difficulty: "newbie",
      type: "vanillajs",
      title: "Stats Preview Card Component",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/stats-preview-card-component",
      img: "./stats-preview-card-component/design/design-preview.jpg"
    },
    {
      id: "45",
      difficulty: "junior",
      type: "vanillajs",
      title: "Sunnyside Agency Landing Page",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/sunnyside-agency-landing-page",
      img: "./sunnyside-agency-landing-page/design/design-preview.jpg"
    },
    {
      id: "46",
      difficulty: "junior",
      type: "vanillajs",
      title: "Testimonials Grid Section",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/testimonials-grid-section",
      img: "./testimonials-grid-section/design/design-preview.jpg"
    },
    {
      id: "47",
      difficulty: "junior",
      type: "vanillajs",
      title: "Time Tracking Dashboard",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/time-tracking-dashboard",
      img: "./time-tracking-dashboard/design/design-preview.jpg"
    },
    {
      id: "48",
      difficulty: "junior",
      type: "vanillajs",
      title: "Tip Calculator App",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/tip-calculator-app",
      img: "./tip-calculator-app/design/design-preview.jpg"
    },
    {
      id: "49",
      difficulty: "junior",
      type: "vanillajs",
      title: "Typemaster Pre Launch Landing Page",
      link: "https://github.com/vimode/frontend-mentor-challenges/tree/master/typemaster-pre-launch-landing-page",
      img: "./typemaster-pre-launch-landing-page/design/design-preview.jpg"
    }
  ]