text: projects = [
  {
    desc: "Appwrite is a secure end-to-end backend server for Web, Mobile, and Flutter developers that is packaged as a set of Docker containers for easy deployment 🚀",
    forks: 559,
    img: "https://avatars0.githubusercontent.com/u/25003669?v=4",
    name: "appwrite",
    owner: "appwrite",
    stars: 3879,
    type: "Organization",
    url: "https://github.com/appwrite/appwrite"
  },
  {
    desc: "One great friend in our gadgets 💻📳📱",
    forks: 29,
    img: "https://avatars3.githubusercontent.com/u/53136674?v=4",
    name: "AshTech-AI_Personal_Voice_Assistant",
    owner: "Ash515",
    stars: 14,
    type: "User",
    url: "https://github.com/Ash515/AshTech-AI_Personal_Voice_Assistant"
  },
  {
    desc: "An interactive board with plugins focusing on replacing the need of multiple platforms for teaching, presenting, managing or explaining your ideas 🌎 ",
    forks: 92,
    img: "https://avatars0.githubusercontent.com/u/67165969?v=4",
    name: "canvasboard",
    owner: "Canvasbird",
    stars: 134,
    type: "Organization",
    url: "https://github.com/Canvasbird/canvasboard"
  },
  {
    desc: "Developer Cheatsheets",
    forks: 73,
    img: "https://avatars1.githubusercontent.com/u/42309779?v=4",
    name: "Cheat-Sheets",
    owner: "VedantKhairnar",
    stars: 85,
    type: "User",
    url: "https://github.com/VedantKhairnar/Cheat-Sheets"
  },
  {
    desc: "DEV_Script_WOC",
    forks: 3,
    img: "https://avatars3.githubusercontent.com/u/43617730?v=4",
    name: "Surviellance-Bomb-Diffusion-Robot",
    owner: "ssg8288",
    stars: 7,
    type: "User",
    url: "https://github.com/ssg8288/Surviellance-Bomb-Diffusion-Robot"
  },
  {
    desc: "Blogger is a basic blogging application which includes user to create an account and post their views.",
    forks: 91,
    img: "https://avatars3.githubusercontent.com/u/54139847?v=4",
    name: "Blogger",
    owner: "harsh-9in",
    stars: 37,
    type: "User",
    url: "https://github.com/harsh-9in/Blogger"
  },
  {
    desc: "Randomly Exploring Computer Vision techniques to create eye catching art out of plain boring images!",
    forks: 21,
    img: "https://avatars2.githubusercontent.com/u/46641503?v=4",
    name: "ArtCV",
    owner: "smaranjitghose",
    stars: 21,
    type: "User",
    url: "https://github.com/smaranjitghose/ArtCV"
  },
  {
    desc: "World's first community management platform. And it's free!",
    forks: 31,
    img: "https://avatars2.githubusercontent.com/u/66256000?v=4",
    name: "commudle-ng",
    owner: "commudle",
    stars: 71,
    type: "Organization",
    url: "https://github.com/commudle/commudle-ng"
  },
  {
    desc: "Official Website of HITK Tech Community 👩🏻‍💻👨🏻‍💻",
    forks: 66,
    img: "https://avatars2.githubusercontent.com/u/75066705?v=4",
    name: "Community-Website",
    owner: "HITK-TECH-Community",
    stars: 31,
    type: "Organization",
    url: "https://github.com/HITK-TECH-Community/Community-Website"
  },
  {
    desc: "In this repo I will try to gather all of the projects related to data science with clean datasets and high accuracy models to solve real world problems.",
    forks: 19,
    img: "https://avatars0.githubusercontent.com/u/38597612?v=4",
    name: "datascience-mashup",
    owner: "Jayshah6699",
    stars: 18,
    type: "User",
    url: "https://github.com/Jayshah6699/datascience-mashup"
  },
  {
    desc: "A student's savior to submit those assignments by just typing them out and getting it handwritten on the go!",
    forks: 132,
    img: "https://avatars2.githubusercontent.com/u/46641503?v=4",
    name: "doc2pen",
    owner: "smaranjitghose",
    stars: 109,
    type: "User",
    url: "https://github.com/smaranjitghose/doc2pen"
  },
  {
    desc: "An open-source document scanner!",
    forks: 9,
    img: "https://avatars2.githubusercontent.com/u/46641503?v=4",
    name: "DocLense",
    owner: "smaranjitghose",
    stars: 7,
    type: "User",
    url: "https://github.com/smaranjitghose/DocLense"
  },
  {
    desc: "An Exciting Deep Learning Model that takes Real-time Video input, predicts the Facial Expressions of users and also does Graphical Visualization of the Expressions !",
    forks: 12,
    img: "https://avatars0.githubusercontent.com/u/57671048?v=4",
    name: "Facial-Expression-Recognition-Classifier-Model",
    owner: "SanjayMarreddi",
    stars: 11,
    type: "User",
    url: "https://github.com/SanjayMarreddi/Facial-Expression-Recognition-Classifier-Model"
  },
  {
    desc: "Face Mask Detection system based on computer vision and deep learning using OpenCV and Tensorflow/Keras",
    forks: 331,
    img: "https://avatars2.githubusercontent.com/u/29686102?v=4",
    name: "Face-Mask-Detection",
    owner: "chandrikadeb7",
    stars: 663,
    type: "User",
    url: "https://github.com/chandrikadeb7/Face-Mask-Detection"
  },
  {
    desc: "Demonstration of different algorithms and operations on faces . Join Discord channel for discussion.",
    forks: 24,
    img: "https://avatars0.githubusercontent.com/u/57909583?v=4",
    name: "Face-X",
    owner: "akshitagupta15june",
    stars: 21,
    type: "User",
    url: "https://github.com/akshitagupta15june/Face-X"
  },
  {
    desc: "This repo aims to contain different machine learning use cases along with the descriptions to the model architectures",
    forks: 18,
    img: "https://avatars3.githubusercontent.com/u/52751963?v=4",
    name: "Grokking-Machine-Learning",
    owner: "Abhijit2505",
    stars: 14,
    type: "User",
    url: "https://github.com/Abhijit2505/Grokking-Machine-Learning"
  },
  {
    desc: "It is a web-app that help you track your coding status, showing it in form of dashboard. It also provides reminders to users for various competitive coding contests.",
    forks: 23,
    img: "https://avatars0.githubusercontent.com/u/36301481?v=4",
    name: "hackstation",
    owner: "ashishnagpal2498",
    stars: 24,
    type: "User",
    url: "https://github.com/ashishnagpal2498/hackstation"
  },
  {
    desc: "Hoaxify is a Fake News Classifier built using NLP Techniques.",
    forks: 7,
    img: "https://avatars3.githubusercontent.com/u/48143381?v=4",
    name: "Hoaxify",
    owner: "Femme-js",
    stars: 2,
    type: "User",
    url: "https://github.com/Femme-js/Hoaxify"
  },
  {
    desc: "An image classification app boilerplate to serve your deep learning models asap!",
    forks: 8,
    img: "https://avatars2.githubusercontent.com/u/46641503?v=4",
    name: "img_ai_app_boilerplate",
    owner: "smaranjitghose",
    stars: 14,
    type: "User",
    url: "https://github.com/smaranjitghose/img_ai_app_boilerplate"
  },
  {
    desc: "We are in the mission of solving a crisis for a lot of small and medium enterprises, who are trying to recruit interns for their projects. This platform aims to onboard new interns, who have applied to the companies and help them understand the process and make the transition smooth.",
    forks: 33,
    img: "https://avatars2.githubusercontent.com/u/1830380?v=4",
    name: "Internship-LMS-FrontEnd",
    owner: "praveenscience",
    stars: 103,
    type: "User",
    url: "https://github.com/praveenscience/Internship-LMS-FrontEnd"
  },
  {
    desc: "Collaborative space for developers, designers and artists to share and work with their ideas.",
    forks: 14,
    img: "https://avatars1.githubusercontent.com/u/62296756?v=4",
    name: "idea-lab",
    owner: "theupweb",
    stars: 13,
    type: "Organization",
    url: "https://github.com/theupweb/idea-lab"
  },
  {
    desc: "Helps in seeing your channel's stats",
    forks: 14,
    img: "https://avatars1.githubusercontent.com/u/38863530?v=4",
    name: "Youtube-Dashboard",
    owner: "shriyaMadan",
    stars: 10,
    type: "User",
    url: "https://github.com/shriyaMadan/Youtube-Dashboard"
  },
  {
    desc: "Bringing all Data Structures and Algorithms under one Roof ⚡",
    forks: 423,
    img: "https://avatars1.githubusercontent.com/u/65599589?v=4",
    name: "NeoAlgo",
    owner: "TesseractCoding",
    stars: 273,
    type: "Organization",
    url: "https://github.com/TesseractCoding/NeoAlgo"
  },
  {
    desc: "A personal portfolio application template.",
    forks: 9,
    img: "https://avatars3.githubusercontent.com/u/52751963?v=4",
    name: "Portfolio-App-Template",
    owner: "Abhijit2505",
    stars: 9,
    type: "User",
    url: "https://github.com/Abhijit2505/Portfolio-App-Template"
  },
  {
    desc: "Painter is a canvas painting web app, where you can draw and express your creativity, and download your painting.",
    forks: 16,
    img: "https://avatars1.githubusercontent.com/u/44048080?v=4",
    name: "Painter",
    owner: "iamskab",
    stars: 11,
    type: "User",
    url: "https://github.com/iamskab/Painter"
  },
  {
    desc: "A Media Player which can run any online Video from different sites like YouTube, Twitch, etc.",
    forks: 15,
    img: "https://avatars3.githubusercontent.com/u/66358162?v=4",
    name: "Q-Stream",
    owner: "Q-Stream",
    stars: 15,
    type: "Organization",
    url: "https://github.com/Q-Stream/Q-Stream"
  },
  {
    desc: "A Python library that enables smooth keyword extraction from any text using the RAKE(Rapid Automatic Keyword Extraction) algorithm.",
    forks: 19,
    img: "https://avatars2.githubusercontent.com/u/49288068?v=4",
    name: "rake_new2",
    owner: "BALaka-18",
    stars: 17,
    type: "User",
    url: "https://github.com/BALaka-18/rake_new2"
  },
  {
    desc: "Real-time real-estate data prediction engine",
    forks: 6,
    img: "https://avatars1.githubusercontent.com/u/64522449?v=4",
    name: "Realate",
    owner: "deluminators",
    stars: 14,
    type: "Organization",
    url: "https://github.com/deluminators/Realate"
  },
  {
    desc: "Bringing all Quantum Algorithms under one Roof ⚡",
    forks: 11,
    img: "https://avatars0.githubusercontent.com/u/65121169?v=4",
    name: "QPowerAlgo",
    owner: "QPower-Research",
    stars: 8,
    type: "Organization",
    url: "https://github.com/QPower-Research/QPowerAlgo"
  },
  {
    desc: "a simple yet powerful package manager",
    forks: 5,
    img: "https://avatars2.githubusercontent.com/u/72333447?v=4",
    name: "appctl",
    owner: "releax",
    stars: 4,
    type: "Organization",
    url: "https://github.com/releax/appctl"
  },
  {
    desc: "Women Safety Website",
    forks: 22,
    img: "https://avatars0.githubusercontent.com/u/69387608?v=4",
    name: "Rescue",
    owner: "swapnilsparsh",
    stars: 15,
    type: "User",
    url: "https://github.com/swapnilsparsh/Rescue"
  },
  {
    desc: "Scripts that will make you go WOW 😍💻 ",
    forks: 183,
    img: "https://avatars1.githubusercontent.com/u/47351025?v=4",
    name: "Rotten-Scripts",
    owner: "HarshCasper",
    stars: 253,
    type: "User",
    url: "https://github.com/HarshCasper/Rotten-Scripts"
  },
  {
    desc: "Stock Market Analysis Platform",
    forks: 4,
    img: "https://avatars2.githubusercontent.com/u/54654484?v=4",
    name: "stockinator",
    owner: "ricardoprins",
    stars: 3,
    type: "User",
    url: "https://github.com/ricardoprins/stockinator"
  },
  {
    desc: "The open source Discord bot that solves all of your problems.",
    forks: 198,
    img: "https://avatars2.githubusercontent.com/u/39246832?v=4",
    name: "switchblade",
    owner: "SwitchbladeBot",
    stars: 266,
    type: "Organization",
    url: "https://github.com/SwitchbladeBot/switchblade"
  },
  {
    desc: "😻 Athavani/Memories is a full-stack MERN Tool built in order to save all your memories in a single place and rejoice them through the years. ",
    forks: 18,
    img: "https://avatars3.githubusercontent.com/u/64543913?v=4",
    name: "Athavani",
    owner: "Tejas1510",
    stars: 11,
    type: "User",
    url: "https://github.com/Tejas1510/Athavani"
  },
  {
    desc: "This is the source code for tech_phantoms website",
    forks: 57,
    img: "https://avatars0.githubusercontent.com/u/61622105?v=4",
    name: "Tech_Phantoms_website",
    owner: "Tech-Phantoms",
    stars: 38,
    type: "Organization",
    url: "https://github.com/Tech-Phantoms/Tech_Phantoms_website"
  },
  {
    desc: "A real-time remote service to get the Keras callbacks to the telegram including the details of metrics--&gt;pip install tensorgram",
    forks: 5,
    img: "https://avatars1.githubusercontent.com/u/46109386?v=4",
    name: "TensorGram",
    owner: "ksdkamesh99",
    stars: 62,
    type: "User",
    url: "https://github.com/ksdkamesh99/TensorGram"
  },
  {
    desc: "Platform for building serverless applications and APIs (Node.js, React, GraphQL)",
    forks: 306,
    img: "https://avatars2.githubusercontent.com/u/3808429?v=4",
    name: "webiny-js",
    owner: "webiny",
    stars: 4067,
    type: "Organization",
    url: "https://github.com/webiny/webiny-js"
  },
  {
    desc: "Senior Year Project - AIes (object detection API)",
    forks: 3,
    img: "https://avatars3.githubusercontent.com/u/25189336?v=4",
    name: "AIes_object_detection",
    owner: "Akashsindhu",
    stars: 3,
    type: "User",
    url: "https://github.com/Akashsindhu/AIes_object_detection"
  },
  {
    desc: "A python script that will send you an email when the price for specific items you followed on Amazon drops beneath a certain price you set.",
    forks: 8,
    img: "https://avatars1.githubusercontent.com/u/43093686?v=4",
    name: "Amazon-Price-Drop-Alert",
    owner: "harshsbais",
    stars: 6,
    type: "User",
    url: "https://github.com/harshsbais/Amazon-Price-Drop-Alert"
  },
  {
    desc: "🦠COVID-19 Tracker to track cases in India.",
    forks: 4,
    img: "https://avatars3.githubusercontent.com/u/73512577?v=4",
    name: "COVID-19-Tracker",
    owner: "thinktocode",
    stars: 6,
    type: "User",
    url: "https://github.com/thinktocode/COVID-19-Tracker"
  },
  {
    desc: "This is a Egg catcher Game. I designed and developed it. I do represent it with name \&quot;Eggy-Bowl\&quot;. It is a 3-D graphical game using Multiple python libraries.",
    forks: 1,
    img: "https://avatars1.githubusercontent.com/u/55533836?v=4",
    name: "Eggy-Bowl",
    owner: "rituvermaCS",
    stars: 1,
    type: "User",
    url: "https://github.com/rituvermaCS/Eggy-Bowl"
  },
  {
    desc: null,
    forks: 9,
    img: "https://avatars2.githubusercontent.com/u/15235122?v=4",
    name: "Notifly",
    owner: "rexdivakar",
    stars: 17,
    type: "User",
    url: "https://github.com/rexdivakar/Notifly"
  },
  {
    desc: "'Upasthiti', marks checks presence. A Flask-based software built on computer vision libraries. It is an exclusive Attendance Management system with a variety of features with PRE AND POST COVID utility. Check more in the Demo below!",
    forks: 2,
    img: "https://avatars2.githubusercontent.com/u/76681122?v=4",
    name: "Upasthiti-The-Real-Checker",
    owner: "Upasthiti-Dev",
    stars: 5,
    type: "Organization",
    url: "https://github.com/Upasthiti-Dev/Upasthiti-The-Real-Checker"
  },
  {
    desc: "A world Covid Tracking site made completely on ReactJs, Firebase. The site shows data of confirmed, recovered and deaths of all the countries plotted on a world map. It also has some cool animations showing the top affected countries.",
    forks: 3,
    img: "https://avatars3.githubusercontent.com/u/30549072?v=4",
    name: "World-Covid-Tracker",
    owner: "Saikat-98",
    stars: 4,
    type: "User",
    url: "https://github.com/Saikat-98/World-Covid-Tracker"
  },
  {
    desc: "This application is developed to provide quick access to previous year exam papers, syllabus and solutions of various universities like Kurukshetra University (KUK), Haryana State Board of Technical Education (HSBTE) with the functionalities like download many papers on a single click, sharing papers etc. ",
    forks: 2,
    img: "https://avatars0.githubusercontent.com/u/49483235?v=4",
    name: "Qsol",
    owner: "raghavagg01",
    stars: 2,
    type: "User",
    url: "https://github.com/raghavagg01/Qsol"
  },
  {
    desc: "A URL Shortener made using React.JS and Google Firestore",
    forks: 35,
    img: "https://avatars2.githubusercontent.com/u/46259712?v=4",
    name: "FireShort",
    owner: "monizb",
    stars: 20,
    type: "User",
    url: "https://github.com/monizb/FireShort"
  },
  {
    desc: "Stack overflow command line client. Search and browse stack overflow without leaving the terminal :computer: ",
    forks: 206,
    img: "https://avatars2.githubusercontent.com/u/8397274?v=4",
    name: "socli",
    owner: "gautamkrishnar",
    stars: 893,
    type: "User",
    url: "https://github.com/gautamkrishnar/socli"
  }]
  
  projects.forEach(data => {
  project_card = document.createElement('div')
  project_image = document.createElement('div')
  project_image_link = document.createElement('img')
  project_body = document.createElement('section')
  project_owner = document.createElement('p')
  project_tags = document.createElement('p')
  project_name = document.createElement('h2')
  project_link = document.createElement('a')
  project_desc = document.createElement('p')
  project_footer = document.createElement('footer')
  project_footer_row = document.createElement('div')
  project_repo_info_star = document.createElement('div')
  project_repo_info_fork = document.createElement('div')
  
  project_link.target = '_blank'
  
  project_card.classList.add('project-card')
  project_image.classList.add('project-image')
  project_image_link.classList.add('h-100')
  project_body.classList.add('project-body')
  project_owner.classList.add('project-owner')
  project_tags.classList.add('project-tags')
  project_name.classList.add('project-name')
  project_footer.classList.add('project-footer')
  project_footer_row.classList.add('row')
  project_repo_info_star.classList.add('repo-info')
  project_repo_info_fork.classList.add('repo-info')
  
  project_image.appendChild(project_image_link)
  
  project_card.appendChild(project_image)
  project_card.appendChild(project_body)
  project_card.appendChild(project_footer)
  
  // project_body.appendChild(project_owner)
  project_body.appendChild(project_tags)
  project_body.appendChild(project_name)
  project_body.appendChild(project_desc)
  
  project_name.appendChild(project_link)
  
  project_footer.appendChild(project_footer_row)
  
  project_footer_row.appendChild(project_repo_info_star)
  project_footer_row.appendChild(project_repo_info_fork)
  
  project_grid = document.querySelector('.project-grid')
    
    if(data.type == 'User') {
      project_image_link.src = './img/github-user.png'
    } else {
      project_image_link.src = data.img
    }
    if(data.name == 'Grokking-Machine-Learning') {
      project_image_link.src = './img/grokking_ML.png'
    }
    if(data.name == 'Portfolio-App-Template') {
      project_image_link.src = './img/portfolio_app_template.png'
    }
  
    project_owner.innerHTML = data.author
    project_tags = 'Tags'
    project_link.innerHTML = data.name;
    project_link.href = data.url;
    // console.log(data.desc)
    project_desc.innerHTML = data.desc;
    project_repo_info_star.innerHTML = '<i class="fas fa-star"></i>' + data.stars
    project_repo_info_fork.innerHTML = '<i class="fas fa-code-branch"></i>' + data.forks
    // console.log(project_card)
    project_grid.appendChild(project_card)
  
    //console.log(data)
  })
  
  if($(window).width() < 768) {
      $('.logo')[0].src = './img/WOC-logo.png'
      count.forEach(ele => ele.classList.add('end'))
  }
  if($(window).width() > 768) {
      $('.logo')[0].src = './img/logo.png'
  }
  
  $('.mobile-menu-toggle').click(function() {
      $('nav').toggleClass('open-menu');
  });
  