script.js

let projectData = [
  {
    projectName: "Form validation",
    projectImage: "assets/Images/Form-validation/formjs.png",
    projectUrl: "public/Form-validation/index.html",
  },
  {
    projectName: "Payment Gateway Integration",
    projectImage: "assets/Images/Payment-integration.png",
    projectUrl: "public/Payment-Gateway-Integration/index.html",
  },
  {
    projectName: "Geometry Shapes Calculator",
    projectImage: "assets/Images/GeometryArea.png",
    projectUrl: "public/Geometry_Shapes_claculator.html",
  },

  {
    projectName: "Shopping Cart",
    projectImage: "assets/Images/shoppingcart.jpeg",
    projectUrl: "public/Shopping_cart.html",
  },
  {
    projectName: "Weather App",
    projectImage: "assets/Images/weatherApp/Image.PNG",
    projectUrl: "public/weatherApp.html",
  },
  {
    projectName: "Shoot Target Game",
    projectImage: "assets/GIFs/shoot.png",
    projectUrl: "public/shoot.html",
  },
  {
    projectName: "Rubik's Cube",
    projectImage: "assets/GIFs/rubiks_cube.gif",
    projectUrl: "public/rubiks_cube.html",
  },
  {
    projectName: "Binary Circle Animation",
    projectImage: "assets/GIFs/binary_circle.gif",
    projectUrl: "public/binary_circle.html",
  },

  {
    projectName: "Etch Sketch Game",
    projectImage: "assets/GIFs/etch.png",
    projectUrl: "public/etch.html",
  },
  {
    projectName: "Physics Engine Game",
    projectImage: "assets/Images/physics-engine.png",
    projectUrl: "public/physics-engine.html",
  },
  {
    projectName: "Dinosaur Video Game",
    projectImage: "assets/Images/dinosaur.png",
    projectUrl: "public/dinosaur.html",
  },
  {
    projectName: "Circus Game",
    projectImage: "assets/GIFs/circus.png",
    projectUrl: "public/circus.html",
  },
  {
    projectName: "Pixelated Image",
    projectImage: "assets/Images/pixelated-img/pixelated-img.png",
    projectUrl: "public/pixelated.html",
  },
  {
    projectName: "Emoji Feedback Form",
    projectImage: "assets/GIFs/feedback.gif",
    projectUrl: "public/feedback.html",
  },
  {
    projectName: "MooD SlideR",
    projectImage: "assets/Images/mood-slider.png",
    projectUrl: "public/mood-slider.html",
  },
  {
    projectName: "Space Wrap",
    projectImage: "assets/GIFs/space.gif",
    projectUrl: "public/space-wrap.html",
  },
  {
    projectName: "Nebula Effect Form",
    projectImage: "assets/GIFs/nebula.gif",
    projectUrl: "public/nebula.html",
  },
  {
    projectName: "3D Gltf Scene",
    projectImage: "assets/GIFs/3DGltf.gif",
    projectUrl: "public/3DGltf.html",
  },
  {
    projectName: "Interactive Flashlight",
    projectImage: "assets/Images/flashlight.png",
    projectUrl: "public/flashlight.html",
  },
  {
    projectName: "Profile Upload Image",
    projectImage: "assets/GIFs/profilepic.gif",
    projectUrl: "public/uploadimg.html",
  },
  {
    projectName: "Expanding Menu Bar",
    projectImage: "assets/Images/expanding-menubar.png",
    projectUrl: "public/expanding-menu.html",
  },
  {
    projectName: "Laptop Portfolio",
    projectImage: "assets/GIFs/lappor.gif",
    projectUrl: "public/lappor.html",
  },
  {
    projectName: "Fall In Game",
    projectImage: "assets/GIFs/fall-in-game.gif",
    projectUrl: "public/fall-game.html",
  },
  {
    projectName: "3D Paint",
    projectImage: "assets/GIFs/3DPaint.gif",
    projectUrl: "public/3DPaint.html",
  },
  {
    projectName: "Blob Maker",
    projectImage: "assets/Images/blob-maker.png",
    projectUrl: "public/blob-maker.html",
  },
  {
    projectName: "Webpage Printing",
    projectImage: "assets/GIFs/web.gif",
    projectUrl: "public/web-page.html",
  },
  {
    projectName: "Restaurant Menu",
    projectImage: "assets/GIFs/menu.gif",
    projectUrl: "public/menu.html",
  },
  {
    projectName: "RESTAURANT WEBSITE",
    projectImage: "assets/GIFs/Restaurant.gif",
    projectUrl: "public/Restaurant.html",
  },
  {
    projectName: "Block Ninja",
    projectImage: "assets/GIFs/block_ninja.gif",
    projectUrl: "public/block_ninja.html",
  },
  {
    projectName: "Math Sprinter Game",
    projectImage: "assets/Images/math-sprinter-game.png",
    projectUrl: "public/math-sprinter-game.html",
  },
  {
    projectName: "Face Detector",
    projectImage: "assets/Images/Face_Detector.png",
    projectUrl: "public/face_detector.html",
  },
  {
    projectName: "Alaska Cartoon",
    projectImage: "assets/GIFs/alaska_cartoon.png",
    projectUrl: "public/alaska_cartoon.html",
  },
  {
    projectName: "Slingshot",
    projectImage: "assets/GIFs/slingshot.gif",
    projectUrl: "public/slingshot.html",
  },
  {
    projectName: "Pig Game",
    projectImage: "assets/GIFs/PigGame.gif",
    projectUrl: "public/PigGame.html",
  },
  {
    projectName: "3D Racing Game",
    projectImage: "assets/GIFs/hue_jump.png",
    projectUrl: "public/hue_jump.html",
  },
  {
    projectName: "Step Progress Bar",
    projectImage: "assets/GIFs/progress.gif",
    projectUrl: "public/progress.html",
  },
  {
    projectName: "Smart Temperature Slider",
    projectImage: "assets/GIFs/temp_slider.gif",
    projectUrl: "public/temp_slider.html",
  },
  {
    projectName: "Credit Card Payment Form",
    projectImage: "assets/GIFs/credit_card.png",
    projectUrl: "public/credit_card.html",
  },
  {
    projectName: "Work Time Tracker",
    projectImage: "assets/GIFs/timetracker.gif",
    projectUrl: "public/timetracker.html",
  },
  {
    projectName: "Fortune Teller",
    projectImage: "assets/GIFs/fortune.gif",
    projectUrl: "public/fortune.html",
  },
  {
    projectName: "ECOMMERCE WEBSITE",
    projectImage: "assets/GIFs/ecommerce_website.gif",
    projectUrl: "public/ecommerce.html",
  },
  {
    projectName: "Snowman Dress Up Game",
    projectImage: "assets/GIFs/snowdress.gif",
    projectUrl: "public/snowdress.html",
  },
  {
    projectName: "Chore Door Game",
    projectImage: "assets/GIFs/choredoor.gif",
    projectUrl: "public/choredoor.html",
  },
  {
    projectName: "Match_Four_Game",
    projectImage: "assets/Images/Match_Four_Game.png",
    projectUrl: "public/Match_Four_Game.html",
  },
  {
    projectName: "Record Player",
    projectImage: "assets/GIFs/recordplayer.gif",
    projectUrl: "public/recordplayer.html",
  },
  {
    projectName: "Dynamic Pie Chart",
    projectImage: "assets/GIFs/graphpie.gif",
    projectUrl: "public/graphpie.html",
  },
  {
    projectName: "Voice Lock",
    projectImage: "assets/GIFs/voicelock.gif",
    projectUrl: "public/voicelocker.html",
  },
  {
    projectName: "Battery Level",
    projectImage: "assets/GIFs/Battery_Level.gif",
    projectUrl: "public/Battery_Level.html",
  },
  {
    projectName: "FORM VALIDATE",
    projectImage: "assets/Images/formValidate.png",
    projectUrl: "public/formvalidate.html",
  },
  {
    projectName: "Drink Water Reminder",
    projectImage: "assets/GIFs/drink.gif",
    projectUrl: "public/drink.html",
  },
  {
    projectName: "BBC NEWS FEED",
    projectImage: "assets/Images/bbc-news.png",
    projectUrl: "public/bbc-news-feed.html",
  },
  {
    projectName: "Animated Unsubscribe Page",
    projectImage: "assets/GIFs/unsub_page.png",
    projectUrl: "public/unsub_page.html",
  },
  {
    projectName: "Doodle Jump",
    projectImage: "assets/Images/doodle-jump/doodle-jump.png",
    projectUrl: "public/doodle-jump.html",
  },
  {
    projectName: "COVID-19 WEBSITE",
    projectImage: "assets/Images/covid-19/covid-19.png",
    projectUrl: "public/covid-19.html",
  },
  {
    projectName: "Catch the Robber Game",
    projectImage: "assets/GIFs/robber.gif",
    projectUrl: "public/robber.html",
  },
  {
    projectName: "Background Effect",
    projectImage: "assets/GIFs/backgroundEffect.gif",
    projectUrl: "public/backgroundEffect.html",
  },
  {
    projectName: "BLOG WEBSITE",
    projectImage: "assets/Images/blog-img/blog.png",
    projectUrl: "public/blog.html",
  },
  {
    projectName: "Animated Navbar",
    projectImage: "assets/GIFs/animated-navbar.gif",
    projectUrl: "public/animated-navbar.html",
  },
  {
    projectName: "Brick Breaker Game",
    projectImage: "assets/Images/BrickBreakergame.png",
    projectUrl: "public/BrickBreakergame.html",
  },
  {
    projectName: "Budget App",
    projectImage: "assets/GIFs/Budget.png",
    projectUrl: "public/Budget.html",
  },
  {
    projectName: "ACE_EYE",
    projectImage: "assets/Images/ACE_EYE.png",
    projectUrl: "public/ACE_EYE.html",
  },
  {
    projectName: "GAME_OF_LIFE",
    projectImage: "assets/Images/GAME_OF_LIFE.png",
    projectUrl: "public/GAME_OF_LIFE.html",
  },
  {
    projectName: "Sudoku Game",
    projectImage: "assets/Images/sudoku.png",
    projectUrl: "public/Sudoko.html",
  },

  {
    projectName: "Music Box",
    projectImage: "assets/GIFs/Music-Box.gif",
    projectUrl: "public/Music-box.html",
  },
  {
    projectName: "Lorem Ipsum Generator",
    projectImage: "assets/Images/lorem.png",
    projectUrl: "public/lorem.html",
  },
  {
    projectName: "Ghost Text",
    projectImage: "assets/GIFs/ghost.gif",
    projectUrl: "public/Ghost-Text.html",
  },
  {
    projectName: "Grocery-List",
    projectImage: "assets/GIFs/groceryList.gif",
    projectUrl: "public/groceryList.html",
  },
  {
    projectName: "Joke Teller",
    projectImage: "assets/GIFs/joke-teller-robot.gif",
    projectUrl: "public/joke-teller.html",
  },
  {
    projectName: "Spock Lizards Game",
    projectImage: "assets/Images/spock.png",
    projectUrl: "public/spock-game.html",
  },
  {
    projectName: "NASA APOD",
    projectImage: "assets/GIFs/nasa-apod.gif",
    projectUrl: "public/nasa-apod.html",
  },
  {
    projectName: "Temperature Converter",
    projectImage: "assets/GIFs/Temperature_Converter_Backcover.gif",
    projectUrl: "public/Temperature_Converter.html",
  },
  {
    projectName: "Animated Background",
    projectImage: "assets/GIFs/Animated_Background.gif",
    projectUrl: "public/Animated_Background.html",
  },
  {
    projectName: "Picture - Picture",
    projectImage: "assets/Images/picture-picture.png",
    projectUrl: "public/Picture.html",
  },
  {
    projectName: "Slider",
    projectImage: "assets/GIFs/slider-js.gif",
    projectUrl: "public/slider.html",
  },
  {
    projectName: "Space Invaders Game",
    projectImage: "assets/GIFs/space-invaders.gif",
    projectUrl: "public/space-invaders.html",
  },
  {
    projectName: "Custom Countdown",
    projectImage: "assets/GIFs/time.png",
    projectUrl: "public/CustomCount.html",
  },
  {
    projectName: "Chess Game",
    projectImage: "assets/GIFs/chess.gif",
    projectUrl: "public/chess.html",
  },
  {
    projectName: "Coin-Toss Game",
    projectImage: "assets/Images/Coin-toss.jpg",
    projectUrl: "public/CoinToss.html",
  },
  {
    projectName: "Motorcycle Game",
    projectImage: "assets/GIFs/Bike.gif",
    projectUrl: "public/Motorcycle.html",
  },
  {
    projectName: "Gradient-Background Generator",
    projectImage: "assets/Images/gradientBackgroundGen.jpg",
    projectUrl: "public/gradientBackgroundGen.html",
  },
  {
    projectName: "Pomodoro Timer",
    projectImage: "assets/GIFs/Pomodoro.gif",
    projectUrl: "public/Pomodoro.html",
  },
  {
    projectName: "Video Player",
    projectImage: "assets/Images/videoPlayer.png",
    projectUrl: "public/video.html",
  },
  {
    projectName: "Student Registration Validated Form",
    projectImage: "assets/GIFs/student.gif",
    projectUrl: "public/student.html",
  },
  {
    projectName: "Library-App",
    projectImage: "assets/Images/libraryapp.png",
    projectUrl: "public/libraryapp.html",
  },
  {
    projectName: "JavaScript Interest Calculator",
    projectImage: "assets/GIFs/Interest_Calculator.gif",
    projectUrl: "public/InterestCalculator.html",
  },
  {
    projectName: "Car Game",
    projectImage: "assets/GIFs/cargame.gif",
    projectUrl: "public/car.html",
  },
  {
    projectName: "Tubelight-text",
    projectImage: "assets/GIFs/Tubelight-text.gif",
    projectUrl: "public/Tubelight-text.html",
  },
  {
    projectName: "And Or Xor Converter",
    projectImage: "assets/GIFs/AND_OR_XOR_Converter.gif",
    projectUrl: "public/AND_OR_XOR_Converter.html",
  },
  {
    projectName: "Todo-App",
    projectImage: "assets/GIFs/todo-app.gif",
    projectUrl: "public/todo-app.html",
  },
  {
    projectName: "Length Unit Conversions",
    projectImage: "assets/Images/length_banner.jfif",
    projectUrl: "public/length_converter.html",
  },
  {
    projectName: "Pinpad",
    projectImage: "assets/GIFs/pinpad.gif",
    projectUrl: "public/pinpad.html",
  },
  {
    projectName: "Random Maze Generator",
    projectImage: "assets/GIFs/Mazegenerator.gif",
    projectUrl: "public/mazeGenerator.html",
  },
  {
    projectName: "Music Player",
    projectImage: "assets/GIFs/Music_Player.gif",
    projectUrl: "public/MusicPlayer.html",
  },
  {
    projectName: "Drag Drop To-Do List",
    projectImage: "assets/GIFs/DragToDo.gif",
    projectUrl: "public/DragToDo.html",
  },
  {
    projectName: "Note App",
    projectImage: "assets/GIFs/noteApp.gif",
    projectUrl: "public/note-app.html",
  },
  {
    projectName: "Scientific Calculator",
    projectImage: "assets/Images/Calculator.png",
    projectUrl: "public/calculator.html",
  },
  {
    projectName: "SGPA and CGPA calculator",
    projectImage: "assets/Images/sgpa_and_cgpa.jpg",
    projectUrl: "public/sgpa_and_cgpa.html",
  },
  {
    projectName: "Color Flipper",
    projectImage: "assets/GIFs/color-flipper.gif",
    projectUrl: "public/color-flipper.html",
  },
  {
    projectName: "Dice Game",
    projectImage: "assets/GIFs/dice.gif.gif",
    projectUrl: "public/Dice.html",
  },
  {
    projectName: "Movie Seat Booking",
    projectImage: "assets/GIFs/movieSeatBooking.gif",
    projectUrl: "public/movieSeatBooking.html",
  },
  {
    projectName: "Movie Trailer App",
    projectImage: "assets/GIFs/trailerAppGif.gif",
    projectUrl: "public/movTrailer.html",
  },
  {
    projectName: "Dynamic Quote Generator",
    projectImage: "assets/GIFs/dynamicQuote.gif",
    projectUrl: "public/Dynamic-quotegenerator.html",
  },
  {
    projectName: "Translator-App",
    projectImage: "assets/GIFs/minions.gif",
    projectUrl: "public/translatorMinions.html",
  },
  {
    projectName: "Counter",
    projectImage: "assets/GIFs/counter.gif",
    projectUrl: "public/counter.html",
  },
  {
    projectName: "Local Storage",
    projectImage: "assets/Images/localstorage.png",
    projectUrl: "public/localstorage.html",
  },
  {
    projectName: "Image Slide",
    projectImage: "assets/GIFs/imageSlide.gif",
    projectUrl: "public/ImageSlide.html",
  },
  {
    projectName: "Sidenav",
    projectImage: "assets/GIFs/sidenav.gif",
    projectUrl: "public/Sidenav.html",
  },
  {
    projectName: "Mole Game",
    projectImage: "assets/GIFs/whackMole.gif",
    projectUrl: "public/molegame.html",
  },
  {
    projectName: "Bouncing Balls",
    projectImage: "assets/GIFs/bouncingBalls.gif",
    projectUrl: "public/BouncingBalls.html",
  },
  {
    projectName: "Reviews",
    projectImage: "assets/GIFs/reviews.gif",
    projectUrl: "public/reviews.html",
  },
  {
    projectName: "Click and Drag Image Slider",
    projectImage: "assets/GIFs/clickandDrag.gif",
    projectUrl: "public/clickanddrag.html",
  },
  {
    projectName: "Stop Watch",
    projectImage: "assets/GIFs/stopWatch.gif",
    projectUrl: "public/StopWatch.html",
  },
  {
    projectName: "Animated Counter",
    projectImage: "assets/GIFs/animatedCounter.gif",
    projectUrl: "public/animatedCounter.html",
  },
  {
    projectName: "Image Puzzle Game",
    projectImage: "assets/Images/imagePuzzleGame.png",
    projectUrl: "public/imagePuzzleGame.html",
  },
  {
    projectName: "Traffic Lights",
    projectImage: "assets/GIFs/trafficLights.gif",
    projectUrl: "public/trafficLights.html",
  },
  {
    projectName: "Bubble Sort",
    projectImage: "assets/GIFs/bubbleSort.gif",
    projectUrl: "public/bubbleSort.html",
  },
  {
    projectName: "Music Player",
    projectImage: "assets/GIFs/musicplayer.gif",
    projectUrl: "public/music_player.html",
  },
  {
    projectName: "Maze Game",
    projectImage: "assets/GIFs/maze.gif",
    projectUrl: "public/maze.html",
  },
  {
    projectName: "Drizzle of Hearts",
    projectImage: "assets/GIFs/heart.gif",
    projectUrl: "public/hearts.html",
  },
  {
    projectName: "Drum Kit",
    projectImage: "assets/GIFs/drum-kit.gif",
    projectUrl: "public/drumKit.html",
  },
  {
    projectName: "Netflix Clone",
    projectImage: "assets/GIFs/netflix.gif",
    projectUrl: "public/netflix.html",
  },
  {
    projectName: "Mortgage Loan Calculator",
    projectImage: "assets/Images/loan.png",
    projectUrl: "public/mortgage_loan_calculator.html",
  },
  {
    projectName: "Analog Clock",
    projectImage: "assets/GIFs/analogClock.gif",
    projectUrl: "public/Analogclock.html",
  },
  {
    projectName: "Digital Clock",
    projectImage: "assets/Images/digitalClockupdated.png",
    projectUrl: "public/digitalClock.html",
  },
  {
    projectName: "Birthday Reminder",
    projectImage: "assets/Images/birthdayReminder.png",
    projectUrl: "public/birthdayReminder.html",
  },
  {
    projectName: "Notifications",
    projectImage: "assets/GIFs/notifications.gif",
    projectUrl: "public/notifications.html",
  },
  {
    projectName: "Date Time Widget",
    projectImage: "assets/GIFs/dateTimeWidget.gif",
    projectUrl: "public/dateTimeWidget.html",
  },
  {
    projectName: "FAQs",
    projectImage: "assets/GIFs/FAQs.gif",
    projectUrl: "public/FAQs.html",
  },
  {
    projectName: "Text Generator",
    projectImage: "assets/GIFs/textGenerator.gif",
    projectUrl: "public/textGenerator.html",
  },
  {
    projectName: "Auto-Text",
    projectImage: "assets/GIFs/auto-text.gif",
    projectUrl: "public/auto-text.html",
  },
  {
    projectName: "New Year Count Down",
    projectImage: "assets/GIFs/newYearCountdown.gif",
    projectUrl: "public/newyearcountdown.html",
  },
  {
    projectName: "Line replacing text",
    projectImage: "assets/GIFs/line-replacing-project-.gif",
    projectUrl: "public/line_replacing_project.html",
  },
  {
    projectName: "Line Through Effect",
    projectImage: "assets/Images/line-through.png",
    projectUrl: "public/line_through.html",
  },
  {
    projectName: "Password Generator",
    projectImage: "assets/GIFs/passwordGenerator.gif",
    projectUrl: "public/passwordGenerator.html",
  },
  {
    projectName: "BMI Calculator",
    projectImage: "assets/GIFs/BMIcal.gif",
    projectUrl: "public/BMICalculator.html",
  },
  {
    projectName: "URL Shortner",
    projectImage: "assets/GIFs/urlShortner.gif",
    projectUrl: "public/url-shortner.html",
  },
  {
    projectName: "Mario Game",
    projectImage: "assets/GIFs/mario.gif",
    projectUrl: "public/mario.html",
  },
  {
    projectName: "Drawing App",
    projectImage: "assets/GIFs/draw.gif",
    projectUrl: "public/draw.html",
  },
  {
    projectName: "QR Code Generator",
    projectImage: "assets/GIFs/qrCode.gif",
    projectUrl: "public/QRCode.html",
  },
  {
    projectName: "Word Counter",
    projectImage: "assets/GIFs/wordCounter.gif",
    projectUrl: "public/wordCounter.html",
  },
  {
    projectName: "Tic Tac Toe Game",
    projectImage: "assets/GIFs/ticTacToe.gif",
    projectUrl: "public/Tic_Tac_Toe.html",
  },
  {
    projectName: "Tip Calculator",
    projectImage: "assets/Images/tip-calc.png",
    projectUrl: "public/tip-calculator.html",
  },
  {
    projectName: "Tip Calculator",
    projectImage: "assets/Images/tip-calc.png",
    projectUrl: "public/tip-calculator.html",
  },
  {
    projectName: "DragNDrop",
    projectImage: "assets/GIFs/DragNDrop.gif",
    projectUrl: "public/DragNDrop.html",
  },

  {
    projectName: "Typing Speed Tester",
    projectImage: "assets/GIFs/typing_speed_test.gif",
    projectUrl: "public/typing_speed_test.html",
  },
  {
    projectName: "Quiz App",
    projectImage: "assets/GIFs/quizapp_backcover.gif",
    projectUrl: "public/quizapp.html",
  },
  {
    projectName: "Profile Card Generator",
    projectImage: "assets/Images/Profilecard.png",
    projectUrl: "public/profilecard.html",
  },

  {
    projectName: "Day Of the Week",
    projectImage: "assets/Images/DaysOfWeek.png",
    projectUrl: "public/DaysOfWeek.html",
  },
  {
    projectName: "Hangman",
    projectImage: "assets/GIFs/hangman.gif",
    projectUrl: "public/hangman.html",
  },
  {
    projectName: "Random_Picker_visualiser",
    projectImage: "assets/GIFs/README.md",
    projectUrl: "public/Random_Picker.html",
  },
  {
    projectName: "Animated Minion Eyes",
    projectImage: "assets/GIFs/Minion-Eyes.gif",
    projectUrl: "public/Minion-Eyes.html",
  },
  {
    projectName: "Rock Paper Scissor Game",
    projectImage: "assets/Images/r-p-s/rps.gif",
    projectUrl: "public/Rock-paper-scissor.html",
  },
  {
    projectName: "Weather App",
    projectImage: "assets/GIFs/Weather_app.gif",
    projectUrl: "public/Weather_app.html",
  },
  {
    projectName: "Whack a Mole Game",
    projectImage: "assets/Images/whack-a-mole.png",
    projectUrl: "public/whack-a-mole.html",
  },
  {
    projectName: "Yoga App",
    projectImage: "assets/Images/yogascreen.png",
    projectUrl: "public/yoga.html",
  },
  {
    projectName: "RGB Color Guessing Game",
    projectImage: "assets/GIFs/RGB_Color.gif",
    projectUrl: "public/RGB_Color_Guessing_Game.html",
  },
  {
    projectName: "RGB TO HEX CONVERTER",
    projectImage: "assets/Images/RGB_HEX.png",
    projectUrl: "public/RGB_HEX.html",
  },
  {
    projectName: "Github User Finder",
    projectImage: "assets/GIFs/github_finder.gif",
    projectUrl: "public/github_finder.html",
  },
  {
    projectName: "Rode Slider Game",
    projectImage: "assets/GIFs/rodeslidergame.gif",
    projectUrl: "public/rodeslider.html",
  },
  {
    projectName: "User list filter",
    projectImage: "assets/GIFs/UserListFilter.gif",
    projectUrl: "public/UserListFilter.html",
  },
  {
    projectName: "Particle JS Project",
    projectImage: "assets/GIFs/Particle.gif",
    projectUrl: "public/Particle.html",
  },
  {
    projectName: "Flip Cards",
    projectImage: "assets/GIFs/flipped.gif",
    projectUrl: "public/flipcards.html",
  },
  {
    projectName: "Device Info",
    projectImage: "assets/GIFs/DeviceInfo.gif",
    projectUrl: "public/deviceInfo.html",
  },
  {
    projectName: "Calendar",
    projectImage: "assets/Images/calendar_backcover.png",
    projectUrl: "public/calendar.html",
  },
  {
    projectName: "Random User Finder",
    projectImage: "assets/GIFs/Random_User.gif",
    projectUrl: "public/Randomuser.html",
  },

  {
    projectName: "Bubble Particle Project",
    projectImage: "assets/GIFs/bubble-particle.gif",
    projectUrl: "public/bubbleParticle.html",
  },
  {
    projectName: "2048 Game",
    projectImage: "assets/GIFs/2048.gif",
    projectUrl: "public/2048.html",
  },
  {
    projectName: "PingPong Game",
    projectImage: "assets/GIFs/pingpong-image.gif",
    projectUrl: "public/pingpong.html",
  },
  {
    projectName: "Text To Speech",
    projectImage: "assets/GIFs/speechText.gif",
    projectUrl: "public/TextToSpeech.html",
  },
  {
    projectName: "Recipe Finder",
    projectImage: "assets/GIFs/recipie.gif",
    projectUrl: "public/Recipie_finder.html",
  },
  {
    projectName: "Random Color Generator",
    projectImage: "assets/Images/randomColorGenerator.png",
    projectUrl: "public/randomColorGenerator.html",
  },
  {
    projectName: "love Calculator",
    projectImage: "assets/GIFs/loveCalculator.gif",
    projectUrl: "public/loveCalculator.html",
  },
  {
    projectName: "Live Code Editor",
    projectImage: "assets/GIFs/LiveEditor.gif",
    projectUrl: "public/Live_Code_Editor.html",
  },
  {
    projectName: "Key Event Code",
    projectImage: "assets/GIFs/KeyEventCode.gif ",
    projectUrl: "public/KeyEventCode.html",
  },
  {
    projectName: "Rotating Navigation",
    projectImage: "assets/GIFs/RotatingNav.gif ",
    projectUrl: "public/RotatingNav.html",
  },
  {
    projectName: "Math Quiz for kids 🙂 ",
    projectImage: "assets/Images/MathQuiz.jpg",
    projectUrl: "public/MathQuiz.html",
  },
  {
    projectName: "Expanding Card",
    projectImage: "assets/GIFs/ExpandingCard.gif",
    projectUrl: "public/ExpandingCard.html",
  },
  {
    projectName: "Play Loader",
    projectImage: "assets/GIFs/playLoader.gif",
    projectUrl: "public/playLoader.html",
  },
  {
    projectName: "Background Slider",
    projectImage: "assets/GIFs/BackgroundSlider.gif",
    projectUrl: "public/BackgroundSlider.html",
  },
  {
    projectName: "Testimonial Design",
    projectImage: "assets/GIFs/TestimonialDesign.gif",
    projectUrl: "public/TestimonialDesign.html",
  },
  {
    projectName: "Contacts Search",
    projectImage: "assets/GIFs/contactSearch.gif",
    projectUrl: "public/contactSearch.html",
  },
  {
    projectName: "Pixels Game",
    projectImage: "assets/GIFs/pixels.gif",
    projectUrl: "public/pixels-game.html",
  },
  {
    projectName: "FullScreen Button fucntionality",
    projectImage: "assets/Images/Fullscreen.png",
    projectUrl: "public/fullscreen.html",
  },
  {
    projectName: "Vertical Timeline",
    projectImage: "assets/Images/vertical_timeline/Screenshot.png",
    projectUrl: "public/vertical_timeline.html",
  },
  {
    projectName: "PIN Code Tracker",
    projectImage: "assets/GIFs/pinCodeSearch.gif",
    projectUrl: "public/pinCodeSearch.html",
  },
  {
    projectName: "Custom Video Player",
    projectImage: "assets/Images/customVideoPlayer.png",
    projectUrl: "public/VideoPlayer.html",
  },
  {
    projectName: "Color Picker and Converter",
    projectImage: "assets/GIFs/ColorPickerConverter.gif",
    projectUrl: "public/ColorPickerConverter.html",
  },
  {
    projectName: "Github Issue Tracker",
    projectImage: "assets/Images/IssueTracker.png",
    projectUrl: "public/IssueTracker.html",
  },
  {
    projectName: "Study Timer",
    projectImage: "assets/Images/StudyTimer.png",
    projectUrl: "public/StudyTimer.html",
  },
  {
    projectName: "Progress bar",
    projectImage: "assets/GIFs/progressbar.png",
    projectUrl: "public/progressbar.html",
  },
  {
    projectName: "Palindrome Checker",
    projectImage: "assets/Images/palindrome.jpg",
    projectUrl: "public/palindrome.html",
  },
  {
    projectName: "Tabs",
    projectImage: "assets/GIFs/tabs.gif",
    projectUrl: "public/tabs.html",
  },
  {
    projectName: "Student marks calculator",
    projectImage: "assets/Images/studentCalc.png",
    projectUrl: "public/studentCalc.html",
  },
  {
    projectName: "Moving Car Animation",
    projectImage: "assets/GIFs/Animated_moving_car.gif",
    projectUrl: "public/Animated_moving_car.html",
  },
  //   {
  //     projectName:"Filter_Search",
  //     projectUrl:"public/filter_search.html",
  //   },

  //   {
  //     projectName: "DarkMode",
  //     projectImage: {
  //                     "assets/Images/DarkMode1.jpeg",
  //                     "assets/Image/DarkMode2.jpeg",
  //                   },
  //     projectUrl: "public/DarkMode.html",
  //    },
  {
    projectName: "Dark Mode",
    projectImage: "assets/GIFs/DarkMode.gif",
    projectUrl: "public/DarkMode.html",
  },
  {
    projectName: "Blurry Loading Interface",
    projectImage: "assets/GIFs/Blurry_Loading_Interface.gif",
    projectUrl: "public/blurry_loading_interface.html",
  },
  {
    projectName: "Sequence Game",
    projectImage: "assets/Images/sequence-game.PNG",
    projectUrl: "public/Sequence-game.html",
  },
  {
    projectName: "Connect Four",
    projectImage: "assets/GIFs/connectFour.gif",
    projectUrl: "public/connectFour.html",
  },
  {
    projectName: "Bookmarks App",
    projectImage: "assets/Images/BookMarks.jpg",
    projectUrl: "public/bookmarks.html",
  },
  {
    projectName: "Insect Catch Game",
    projectImage: "assets/Images/Insect Catch.png",
    projectUrl: "public/InsectCatch.html",
  },
  {
    projectName: "Exchange Rate",
    projectImage: "assets/Images/ExchangeRate.png",
    projectUrl: "public/ExchangeRate.html",
  },
  {
    projectName: "Navigation",
    projectImage: "assets/GIFs/navigation.gif",
    projectUrl: "public/navigation.html",
  },
  {
    projectName: "CGPA Calculator",
    projectImage: "assets/Images/cgpaCalculator.png",
    projectUrl: "public/cgpaCalculator.html",
  },
  {
    projectName: "Mapping Earthquake Data",
    projectImage: "assets/Images/earthquake.png",
    projectUrl: "public/map_earthquake_data.html",
  },
  {
    projectName: "Word Scramble Game",
    projectImage: "assets/GIFs/wordScramble.gif",
    projectUrl: "public/wordScramble.html",
  },
  {
    projectName: "Photo Details Teller",
    projectImage: "assets/Images/photoDetails.png",
    projectUrl: "public/photoDetails.html",
  },
  {
    projectName: "Ludo Game",
    projectImage: "assets/Images/ludo/ludo.png",
    projectUrl: "public/ludo.html",
  },
  {
    projectName: "AwesomeSnakeGame",
    projectImage: "assets/GIFs/AwesomeSnakeGame.gif",
    projectUrl: "public/AwesomeSnakeGame.html",
  },
  {
    projectName: "Guess the song",
    projectImage: "assets/Images/guess_song/view.png",
    projectUrl: "public/guess_song.html",
  },

  {
    projectName: "Document to Handwritting",
    projectImage: "assets/Images/page.jpg",
    projectUrl: "public/DocumenttoHandwritting.html",
  },
  {
    projectName: "Puzzle quiz",
    projectImage: "assets/Images/quiz/demo.png",
    projectUrl: "public/quiz.html",
  },
  {
    projectName: "Image Gallery",
    projectImage: "assets/Images/imageGallery.png",
    projectUrl: "public/imageGallery.html",
  },
  {
    projectName: "Expense Tracker",
    projectImage: "assets/GIFs/ExpenseTracker.gif",
    projectUrl: "public/ExpenseTracker.html",
  },
  {
    projectName: "Weight Converter",
    projectImage: "assets/GIFs/WeightConverter.gif",
    projectUrl: "public/WeightConverter.html",
  },
  {
    projectName: "Flappy Bird",
    projectImage: "assets/GIFs/flappy-bird.gif",
    projectUrl: "public/flappybird.html",
  },
  {
    projectName: "HTTP - CATS",
    projectImage: "assets/GIFs/httpcats.gif",
    projectUrl: "public/httpcats.html",
  },
  {
    projectName: "Form Wave Animation",
    projectImage: "assets/GIFs/Form_Wave_Animation.gif",
    projectUrl: "public/Form_Wave_Animation.html",
  },
  {
    projectName: "Typewriter Effect",
    projectImage: "assets/GIFs/typewriter.gif",
    projectUrl: "public/typewriter.html",
  },
  {
    projectName: "Pagination",
    projectImage: "assets/Images/Pagination.png",
    projectUrl: "public/Pagination.html",
  },
  {
    projectName: "Currency Converter",
    projectImage: "assets/GIFs/Currency_Converter_Backcover.gif",
    projectUrl: "public/currencyConverter.html",
  },
  {
    projectName: "Speech Recognization",
    projectImage: "assets/Images/speech-recognization.PNG",
    projectUrl: "public/speech-recognization.html",
  },
  {
    projectName: "PianoApp",
    projectImage: "assets/Images/pianoApp.png",
    projectUrl: "public/pianoApp.html",
  },
  {
    projectName: "Lyrics App",
    projectImage: "assets/GIFs/lyricsApp.gif",
    projectUrl: "public/lyricsApp.html",
  },
  {
    projectName: "TV Show Search",
    projectImage: "assets/GIFs/TV_ShowSearch.gif",
    projectUrl: "public/TV_ShowSearch.html",
  },
  {
    projectName: "Age Calculator",
    projectImage: "assets/Images/AgeCalculator.png",
    projectUrl: "public/AgeCalculator.html",
  },
  {
    projectName: "Spotify Finder",
    projectImage: "assets/Images/SpotifyFinder.PNG",
    projectUrl: "public/SpotifyFinder.html",
  },
  {
    projectName: "FruitSlicer",
    projectImage: "assets/GIFs/fruitSlicer.gif",
    projectUrl: "public/fruitSlicer.html",
  },
  {
    projectName: "Computer Giveaway",
    projectImage: "assets/Images/giveaway.jpg",
    projectUrl: "public/giveaway.html",
  },
  {
    projectName: "FoodRecipe",
    projectImage: "assets/GIFs/foodRecipe.gif",
    projectUrl: "public/foodRecipe.html",
  },
  {
    projectName: "Simon's Game",
    projectImage: "assets/Images/Simons_s_Game.png",
    projectUrl: "public/simon.html",
  },
  {
    projectName: "Image Editor",
    projectImage: "assets/GIFs/Image_editor.gif",
    projectUrl: "public/Image_editor.html",
  },
  {
    projectName: "Falling Bullets Animation JS",
    projectImage: "assets/GIFs/FallingBulletsAnimation.gif",
    projectUrl: "public/FallingBulletsAnimation.html",
  },
  {
    projectName: "Infix Expression Evaluator in JavaScript",
    projectImage: "assets/GIFs/Infix-Evaluator-in-JavaScript.png",
    projectUrl: "public/infixevaluator.html",
  },
  {
    projectName: "JavaScript Dragon Game",
    projectImage: "assets/Images/JavaScript Dragon Game.png",
    projectUrl: "public/Dino game.html",
  },
  {
    projectName: "Giphy-Search",
    projectImage: "assets/GIFs/Giphy-Search.gif",
    projectUrl: "public/Giphy-Search.html",
  },

  {
    projectName: "Play-Beats",
    projectImage: "assets/GIFs/playbeats.gif",
    projectUrl: "public/Play-Beats.html",
  },

  {
    projectName: "Hospital Registration Form",
    projectImage: "assets/GIFs/registration_form.gif",
    projectUrl: "public/registration_form.html",
  },
  {
    projectName: "Breakout!",
    projectImage: "assets/GIFs/breakouthere.gif",
    projectUrl: "public/breakout.html",
  },

  {
    projectName: "Tetris Game",
    projectImage: "assets/Images/TetrisGame.png",
    projectUrl: "public/TetrisGame.html",
  },
  {
    projectName: "Speech To Text Converter",
    projectImage: "assets/GIFs/SpeechtoText.gif",
    projectUrl: "public/SpeechtoText.html",
  },
  {
    projectName: "Car Avoidance Game",
    projectImage: "assets/Images/carAvoidanceGame.png",
    projectUrl: "public/carAvoidanceGame.html",
  },
  {
    projectName: "New year crackers",
    projectImage: "assets/GIFs/newyearwish.gif",
    projectUrl: "public/newyearwish.html",
  },

  {
    projectName: "Memes Generator",
    projectImage: "assets/Images/memeimages/memebg.png",
    projectUrl: "public/Memegenerator.html",
  },
  {
    projectName: "Meme Soundboard",
    projectImage: "assets/Images/meme_sound_icon.jpg",
    projectUrl: "public/meme_soundboard.html",
  },
  {
    projectName: "3D Cube",
    projectImage: "assets/GIFs/3DCube.gif",
    projectUrl: "public/3DCube.html",
  },
  {
    projectName: "Armstrong Checker",
    projectImage: "assets/GIFs/ArmstrongNumber.gif",
    projectUrl: "public/ArmstrongNumber.html",
  },
  {
    projectName: "Code Converter",
    projectImage: "assets/GIFs/Code_Converter.gif",
    projectUrl: "public/Code_Converter.html",
  },
  {
    projectName: "AmongUs Game Move",
    projectImage: "assets/GIFs/amongus.gif",
    projectUrl: "public/amongus.html",
  },
  {
    projectName: "Dragonfly Game",
    projectImage: "assets/GIFs/dragonfly.gif",
    projectUrl: "public/dragonfly.html",
  },

  {
    projectName: "Conway's Game of life",
    projectImage: "assets/Images/gameOfLife/demo.gif",
    projectUrl: "public/gameOfLife.html",
  },
  {
    projectName: "Phyllotaxis",
    projectImage: "assets/Images/phyllotaxis.png",
    projectUrl: "public/phyllotaxis.html",
  },
  {
    projectName: "Avatar Maker",
    projectImage: "assets/GIFs/avatarMaker-demo.gif",
    projectUrl: "public/avatarMaker.html",
  },
  {
    projectName: "Password Strength Checker",
    projectImage: "assets/GIFs/Password_Strength_Checker.gif",
    projectUrl: "public/Password_Strength_Checker.html",
  },
  {
    projectName: "Etch-a-Sketch",
    projectImage: "assets/GIFs/etch_sketch.PNG",
    projectUrl: "public/etch_sketch.html",
  },
  {
    projectName: "Progress Steps",
    projectImage: "assets/GIFs/Progress_steps.gif",
    projectUrl: "public/Progress_Steps.html",
  },
  {
    projectName: "Birthday Greeting Card",
    projectImage: "assets/GIFs/BirthdayGreeting.gif",
    projectUrl: "public/BirthdayGreeting.html",
  },
  {
    projectName: "Rose | Mathematics",
    projectImage: "assets/Images/rose-mathematics/icon.png",
    projectUrl: "public/rose-mathematics.html",
  },
  {
    projectName: "Pricing Plan Cards",
    projectImage: "assets/GIFs/PricingCards.gif",
    projectUrl: "public/PricingCards.html",
  },
  {
    projectName: "Mousehover Effect",
    projectImage: "assets/Images/Mousehover.png",
    projectUrl: "public/Mousehover.html",
  },
  {
    projectName: "Mouse Trails effect",
    projectImage: "assets/GIFs/MouseTrails.gif",
    projectUrl: "public/MouseTrails.html",
  },

  {
    projectName: "Colora",
    projectImage: "assets/Images/colora.jpg",
    projectUrl: "public/colora.html",
  },

  {
    projectName: "Infinite Scroll Blogs",
    projectImage: "assets/Images/infiniteScrollBlog.png",
    projectUrl: "public/infiniteScroll.html",
  },
  {
    projectName: "Typing Practice",
    projectImage: "assets/GIFs/TypingSpeed.gif",
    projectUrl: "public/TypingPractice.html",
  },
  {
    projectName: "Hexadecimal to RGB Converter",
    projectImage: "assets/GIFs/Hex_to_rgb.gif",
    projectUrl: "public/Hexadecimal_to_RGB.html",
  },
  {
    projectName: "Harry Potter characters",
    projectImage: "assets/Images/harry.png",
    projectUrl: "public/harry.html",
  },

  {
    projectName: "Guess The Number",
    projectImage: "assets/Images/guess.png",
    projectUrl: "public/guess.html",
  },
  {
    projectName: "Fractal Tree",
    projectImage: "assets/Images/fractalTree/fractalTree.gif",
    projectUrl: "public/fractalTree.html",
  },
  {
    projectName: "To-do0 app",
    projectImage: "assets/GIFs/todo.gif",
    projectUrl: "public/todoapp.html",
  },
  {
    projectName: "Koch Snowflake",
    projectImage: "assets/Images/kochSnowflake/demo.png",
    projectUrl: "public/kochSnowflake.html",
  },
  {
    projectName: "Music Generator",
    projectImage: "assets/Images/music_generator_ss.jpg",
    projectUrl: "public/music_generator.html",
  },
  {
    projectName: "Memory game",
    projectImage: "assets/Images/Memory_game/Mind_game.png",
    projectUrl: "public/Memory_game.html",
  },
  {
    projectName: "Selection Sort Visualizer in JavaScript",
    projectImage: "assets/Images/selection-visualizing.png",
    projectUrl: "public/selectionsort.html",
  },
  {
    projectName: "Purple Rain",
    projectImage: "assets/Images/purpleRain.gif",
    projectUrl: "public/purpleRain.html",
  },
  {
    projectName: "Bird Loader",
    projectImage: "assets/GIFs/birdLoader.gif",
    projectUrl: "public/birdLoader.html",
  },
  {
    projectName: "Minesweeper Game",
    projectImage: "assets/GIFs/minesweeper.gif",
    projectUrl: "public/Minesweeper.html",
  },
  {
    projectName: "Prefix Expression Evaluator in JavaScript",
    projectImage: "assets/GIFs/prefix-evaluator.png",
    projectUrl: "public/prefixevaluator.html",
  },
  {
    projectName: "Insertion Sort Visualizer in JavaScript",
    projectImage: "assets/GIFs/insertion-visualizer.png",
    projectUrl: "public/insertionsort.html",
  },
  {
    projectName: "Postfix Expression Evaluator in JavaScript",
    projectImage: "assets/GIFs/postfix-evaluator.png",
    projectUrl: "public/postfixevaluator.html",
  },
  {
    projectName: "Multiplation Table Calculator",
    projectImage: "assets/GIFs/multiplicationTableCalculator_ss.gif",
    projectUrl: "public/multiplicationTableCalculator.html",
  },
  {
    projectName: "Dice it",
    projectImage: "assets/Images/dice_it.jfif",
    projectUrl: "public/diceit.html",
  },
  {
    projectName: "Amongus Minigame",
    projectImage: "assets/GIFs/amongusminigame.gif",
    projectUrl: "public/Amongusminigame.html",
  },
  {
    projectName: "Math Trainer",
    projectImage: "assets/Images/math_trainer.png",
    projectUrl: "public/math_trainer.html",
  },
  {
    projectName: "Text to Voice Generator",
    projectImage: "assets/GIFs/Text-voice.gif",
    projectUrl: "public/textToVoice.html",
  },
  {
    projectName: "Timeline",
    projectImage: "assets/GIFs/timeline.gif",
    projectUrl: "public/timeline.html",
  },

  {
    projectName: "Audio Player App",
    projectImage: "assets/GIFs/MusicPlayerByVishal.gif",
    projectUrl: "public/MusicApp.html",
  },
  {
    projectName: "Google Assistant Clone",
    projectImage: "assets/Images/google_assistant.PNG",
    projectUrl: "public/google_assistant_clone.html",
  },

  {
    projectName: "Dice Game",
    projectImage: "assets/GIFs/dice_game.gif",
    projectUrl: "public/dice_game.html",
  },
  {
    projectName: "Google keep Clone",
    projectImage: "assets/Images/keep.PNG",
    projectUrl: "public/google_keep.html",
  },
  {
    projectName: "Random Name Generator",
    projectImage: "assets/Images/random_name_generator.png",
    projectUrl: "public/random_name_generator.html",
  },
  {
    projectName: "Proxy Pattern TwoWay Binding and Validation Sample",
    projectImage: "assets/Images/SimpleTwoWayBindingAndValidator.jpg",
    projectUrl: "public/SimpleTwoWayBindingAndValidator.html",
  },
  {
    projectName: "Counting Sort Visualizer in JavaScript",
    projectImage: "assets/Images/counting-visualizing.png",
    projectUrl: "public/countingsort.html",
  },
  {
    projectName: "Quick Sort Visualizer in JavaScript",
    projectImage: "assets/Images/quick-visualizing.png",
    projectUrl: "public/quicksort.html",
  },
  {
    projectName: "Xylophone simulator",
    projectImage: "assets/GIFs/Xylophone.gif",
    projectUrl: "public/Xylophone.html",
  },
  {
    projectName: "3D CubeMap",
    projectImage: "assets/GIFs/3dCubemap.gif",
    projectUrl: "public/3DCubemap.html",
  },
  {
    projectName: "Reaction Game",
    projectImage: "assets/Images/ReactionGame/rg2.jpg",
    projectUrl: "public/ReactionGame.html",
  },
  {
    projectName: "Smooth Scroll",
    projectImage: "assets/GIFs/Smooth_scroll.gif ",
    projectUrl: "public/Smooth_scroll.html",
  },

  {
    projectName: "Apple Collector game",
    projectImage: "assets/Images/AppleGame/screenshot.png",
    projectUrl: "public/apple.html",
  },
  {
    projectName: "Calorie Calculator",
    projectImage: "assets/Images/CalorieCalculator.png",
    projectUrl: "public/calorie_calculator.html",
  },
  {
    projectName: "Train_Schedule Manager",
    projectImage: "assets/Images/train_schedule.png",
    projectUrl: "public/train_schedule.html",
  },
  {
    projectName: "break The Blocks",
    projectImage: "assets/Images/break_blocks/breakblock.png",
    projectUrl: "public/break_the_blocks.html",
  },
  {
    projectName: "Kanban Board",
    projectImage: "assets/GIFs/KanbanBoard_ss.gif",
    projectUrl: "public/KanbanBoard.html",
  },
  {
    projectName: "Shooting Game",
    projectImage: "assets/Images/shooting_game.png",
    projectUrl: "public/shooting_game.html",
  },
  {
    projectName: "Product Card",
    projectImage: "assets/GIFs/ProductCard.gif",
    projectUrl: "public/ProductCard.html",
  },
  {
    projectName: "Make Match Game",
    projectImage: "assets/Images/makeMatchGame/make-match.png",
    projectUrl: "public/makeMatchGame.html",
  },
  {
    projectName: "Click Shape Game",
    projectImage: "assets/Images/ClickCirclesJavaScript_Game.jpg",
    projectUrl: "public/click_shape.html",
  },
  {
    projectName: "Bucket Sort Visualizer in JavaScript",
    projectImage: "assets/Images/bucket-visualizing.png",
    projectUrl: "public/bucketsort.html",
  },
  {
    projectName: "Bubble Sort Visualizer in JavaScript",
    projectImage: "assets/Images/bubble-visualizing.png",
    projectUrl: "public/bubblevisualiser.html",
  },
  {
    projectName: "Linear Search Visualization in JavaScript",
    projectImage: "assets/Images/linearsearch-visualizing.png",
    projectUrl: "public/linearsearch.html",
  },
  {
    projectName: "Captcha Validator",
    projectImage: "assets/Images/CaptchaValidator.png",
    projectUrl: "public/CaptchaValidator.html",
  },
  {
    projectName: "3D Image Gallery",
    projectImage: "assets/Images/3DImageGallery.PNG",
    projectUrl: "public/3DImageGallery.html",
  },
  {
    projectName: "Button Generator",
    projectImage: "assets/Images/button.PNG ",
    projectUrl: "public/ButtonGenerator.html",
  },
  {
    projectName: "Battery Indicator",
    projectImage: "assets/Images/BatteryIndicator.PNG",
    projectUrl: "public/BatteryIndicator.html",
  },
  {
    projectName: "Filterable Image Gallery",
    projectImage:
      "assets/Images/Filterable_Image_Gallery/Filterable_Image_Gallery.png",
    projectUrl: "public/Filterable_Image_Gallery.html",
  },
  {
    projectName: "Box-Shadow Css ",
    projectImage: "assets/GIFs/box-shadow.gif",
    projectUrl: "public/box-shadow.html",
  },

  {
    projectName: "Px/Rem Converter",
    projectImage: "assets/GIFs/px-rem.gif",
    projectUrl: "public/px-rem.html",
  },
  {
    projectName: "Energy Converter",
    projectImage: "assets/Images/energy-converter.jpg",
    projectUrl: "public/energy-converter.html",
  },
  {
    projectName: "Dinosaur Game",
    projectImage: "assets/GIFs/DinosaurGame.gif",
    projectUrl: "public/DinosaurGame.html",
  },

  {
    projectName: "Ternary Search Visualization in JavaScript",
    projectImage: "assets/Images/ternarysearch-visualizing.png",
    projectUrl: "public/ternarysearch.html",
  },
  {
    projectName: "Binary Search Visualization in JavaScript",
    projectImage: "assets/Images/binarysearch-visualizing.png",
    projectUrl: "public/binarysearch.html",
  },

  {
    projectName: "Heap Sort Visualizer in JavaScript",
    projectImage: "assets/Images/heap-visualizing.png",
    projectUrl: "public/heapsort.html",
  },
  {
    projectName: "Text-Style CSS",
    projectImage: "assets/Images/text-style.png",
    projectUrl: "public/text-style.html",
  },
  {
    projectName: "Pacman game",
    projectImage: "assets/Images/Pacman.png",
    projectUrl: "public/Pacman.html",
  },

  {
    projectName: "Re-Create Giphy",
    projectImage: "assets/Images/giphy.png",
    projectUrl: "public/Giphy.html",
  },

  {
    projectName: "Merge Sort Visualizer in JavaScript",
    projectImage: "assets/Images/merge-visualizing.png",
    projectUrl: "public/mergesort.html",
  },
  {
    projectName: "Markdown Editor",
    projectImage: "assets/Images/markdownEditor.png",
    projectUrl: "public/markdownEditor.html",
  },
  {
    projectName: "Shell Sort Visualizer in JavaScript",
    projectImage: "assets/Images/shell-visualizing.png",
    projectUrl: "public/shellsort.html",
  },
  {
    projectName: "3D Texture Cube",
    projectImage: "assets/GIFs/3DTexture.gif",
    projectUrl: "public/3DTexture.html",
  },
  {
    projectName: "Balloon Pop Game",
    projectImage: "assets/Images/BalloonPopGame.png",
    projectUrl: "public/BalloonPopGame.html",
  },
  {
    projectName: "JoyStick Controls",
    projectImage: "assets/GIFs/joystick.gif",
    projectUrl: "public/joystick.html",
  },
  {
    projectName: "Cardioid",
    projectImage: "assets/Images/cardioid.png",
    projectUrl: "public/cardioid.html",
  },
  {
    projectName: "8 Ball Pool",
    projectImage: "assets/Images/8_ball_pool/demo.png",
    projectUrl: "public/8_ball_pool.html",
  },

  {
    projectName: "Virtual Keyboard",
    projectImage: "assets/Images/virtual_keyboard.png",
    projectUrl: "public/virtual_keyboard.html",
  },
  {
    projectName: "product Counter",
    projectImage: "assets/Images/product_counter.png",
    projectUrl: "public/product_counter.html",
  },

  {
    projectName: "Hand Cricket",
    projectImage: "assets/GIFs/handcricket.gif",
    projectUrl: "public/handcricket.html",
  },

  {
    projectName: "Landing-Page-Using JavaScript",
    projectImage: "assets/Images/Landing-page.jpg",
    projectUrl: "public/Landing_Page.html",
  },
  {
    projectName: "Train_Details",
    projectImage: "assets/Images/Train_Details.jpg",
    projectUrl: "public/Train_Details.html",
  },
  {
    projectName: "Reading progress Bar",
    projectImage: "assets/Images/readBar.png",
    projectUrl: "public/readBar.html",
  },
  {
    projectName: "Gray Scale Cursor",
    projectImage: "assets/Images/grayCursor.png",
    projectUrl: "public/grayCursor.html",
  },
  {
    projectName: "Dynamic Time message",
    projectImage: "assets/Images/dynamic_message.png",
    projectUrl: "public/dynamic_message.html",
  },
  {
    projectName: "Fibonacci Series Generator",
    projectImage: "assets/Images/fibonacci/fibo1.png",
    projectUrl: "public/fibonacci.html",
  },
  {
    projectName: "Script Detection",
    projectImage: "assets/GIFs/scriptDetection.gif",
    projectUrl: "public/scriptDetection.html",
  },
  {
    projectName: "Skeleton Loading Effect",
    projectImage: "assets/GIFs/skeletonEffect.gif",
    projectUrl: "public/skeletonEffect.html",
  },
  {
    projectName: "Text Extraction from Image",
    projectImage: "assets/Images/textExtraction.png",
    projectUrl: "public/textExtraction.html",
  },
  {
    projectName: "Image Classifier",
    projectImage: "assets/Images/imageClassifier.png",
    projectUrl: "public/imageClassifier.html",
  },
  {
    projectName: "Scratch-Off to reveal",
    projectImage: "assets/GIFs/scratchOff.gif",
    projectUrl: "public/scratchOff.html",
  },
  {
    projectName: "Canvas Text",
    projectImage: "assets/GIFs/canvasText.gif",
    projectUrl: "public/canvasText.html",
  },

  {
    projectName: "Bridge N Torch",
    projectImage: "assets/Images/bridgeNtorch.png",
    projectUrl: "public/bridgeNtorch.html",
  },
  {
    projectName: "Panorama Cube",
    projectImage: "assets/GIFs/panoramaCube.gif",
    projectUrl: "public/panoramaCube.html",
  },
  {
    projectName: "Caesar Cipher",
    projectImage: "assets/Images/caesarCipher.png",
    projectUrl: "public/caesarCipher.html",
  },
  {
    projectName: "Sentiment Analysis",
    projectImage: "assets/Images/sentimentAnalysis.png",
    projectUrl: "public/sentimentAnalysis.html",
  },
  {
    projectName: "DOM Node",
    projectImage: "assets/Images/domNode.png",
    projectUrl: "public/domNode.html",
  },
  {
    projectName: "Guess The Number",
    projectImage: "assets/Images/guess.png",
    projectUrl: "public/guess.html",
  },
  {
    projectName: "Barcode Generator",
    projectImage: "assets/Images/barcodeGenerator.png",
    projectUrl: "public/barcodeGenerator.html",
  },

  {
    projectName: "Stripe Dropdown",
    projectImage: "assets/GIFs/stripeDropdown.gif",
    projectUrl: "public/stripeDropdown.html",
  },
  {
    projectName: "Array Methods",
    projectImage: "assets/Images/arrayMethods.png",
    projectUrl: "public/arrayMethods.html",
  },
  {
    projectName: "Pokemon Pokedex",
    projectImage: "assets/Images/pokemon.png",
    projectUrl: "public/pokemon.html",
  },
  {
    projectName: "Pubg Drop",
    projectImage: "assets/GIFs/pubgdrop.gif",
    projectUrl: "public/pubgdrop.html",
  },
  {
    projectName: "GST Calculator",
    projectImage: "assets/Images/GST_Calculator.png",
    projectUrl: "public/GST_Calculator.html",
  },
  {
    projectName: "Hover Effects",
    projectImage: "assets/Images/hoverimage.png",
    projectUrl: "public/hover_images.html",
  },
  {
    projectName: "Preloader Projects",
    projectImage: "assets/Images/preloader.png",
    projectUrl: "public/preloader.html",
  },
  {
    projectName: "Gradient background",
    projectImage: "assets/Images/gradient-background.png",
    projectUrl: "public/gradient-background.html",
  },

  {
    projectName: "Check Multiple Checkboxes",
    projectImage: "assets/GIFs/checkboxes.gif",
    projectUrl: "public/checkboxes.html",
  },
  {
    projectName: "Food Menu",
    projectImage: "assets/Images/foodCourt.png",
    projectUrl: "public/foodCourt.html",
  },
  {
    projectName: "Angry birds",
    projectImage: "assets/Images/Angry_bird/demo.png",
    projectUrl: "public/Angry_bird.html",
  },
  {
    projectName: "State Search",
    projectImage: "assets/Images/stateSearch.png",
    projectUrl: "public/stateSearch.html",
  },
  {
    projectName: "Hover Board",
    projectImage: "assets/Images/hover-board.png",
    projectUrl: "public/hover_board.html",
  },
  {
    projectName: "Css transform",
    projectImage: "assets/images/css-transform.png",
    projectUrl: "public/css-transform.html",
  },
  {
    projectName: "Hover Board",
    projectImage: "assets/Images/Checkers.png",
    projectUrl: "public/Checkers_game.html",
  },
  {
    projectName: "Covid Live Status",
    projectImage: "assets/images/covid-live.png",
    projectUrl: "public/covid_live.html",
  },
  {
    projectName: "3d Flip Card",
    projectImage: "assets/images/flip-card.png",
    projectUrl: "public/flip-card.html",
  },

  {
    projectName: "Contact form",
    projectImage: "assets/images/contact-form.png",
    projectUrl: "public/contact-form.html",
  },
  {
    projectName: "Fun facts about Math",
    projectImage: "assets/images/maths_facts.png",
    projectUrl: "public/maths_facts.html",
  },
  {
    projectName: "Balloon and Brick Game",
    projectImage: "assets/GIFs/Balloon_brick.gif",
    projectUrl: "public/BalloonAndBrickGame.html",
  },
  {
    projectName: "WorldClock",
    projectImage: "assets/Images/worldtime.png",
    projectUrl: "public/worldclock.html",
  },

  {
    projectName: "Decimal To Binary Converter",
    projectImage: "assets/GIFs/DecimalToBinaryConverter.gif",
    projectUrl: "public/DecimalToBinaryConverter.html",
  },
  {
    projectName: "Book Search ",
    projectImage: "assets/images/book-search.png",
    projectUrl: "public/book-search.html",
  },
  {
    projectName: "Joke with category",
    projectImage: "assets/images/joke-category.png",
    projectUrl: "public/joke-category.html",
  },
  {
    projectName: "Web Development Course Webpage",
    projectImage: "assets/GIFs/WebDevelopmentCourse.gif",
    projectUrl: "public/WebDevelopmentCourse.html",
  },
  {
    projectName: "Wikipedia Search",
    projectImage: "assets/Images/wikiSearch.png",
    projectUrl: "public/wikiSearch.html",
  },
  {
    projectName: "Emoji Factory",
    projectImage: "assets/images/emoji-factory.png",
    projectUrl: "public/emoji-factory.html",
  },
  {
    projectName: "Image Search",
    projectImage: "assets/images/image-search.png",
    projectUrl: "public/image-search.html",
  },
  {
    projectName: "Sortable List",
    projectImage: "assets/images/sortable_list.png",
    projectUrl: "public/sortable_list.html",
  },
  {
    projectName: "3D Rotating Nav",
    projectImage: "assets/images/rota.png",
    projectUrl: "public/rotating_nav_anim.html",
  },
  {
    projectName: "Netflix Nav",
    projectImage: "assets/images/netnav.png",
    projectUrl: "public/netnav.html",
  },
  {
    projectName: "Among Us Mod",
    projectImage: "assets/GIFs/among.gif",
    projectUrl: "public/amongus/index.html",
  },
  {
    projectName: "Compound Interest Calculator",
    projectImage: "assets/GIFs/CompoundInterestCalculator.gif",
    projectUrl: "public/CompoundInterestCalculator.html",
  },
  {
    projectName: "Gradient Showcase",
    projectImage: "assets/images/gradient-showcase.png",
    projectUrl: "public/gradient-showcase.html",
  },
  {
    projectName: "Meal Genrator",
    projectImage: "assets/images/meal-genrator.png",
    projectUrl: "public/meal-genrator.html",
  },
  {
    projectName: "Lyrics Search App",
    projectImage: "assets/Images/Lyrics_search_app.png",
    projectUrl: "public/Lyrics_search_App.html",
  },
  {
    projectName: "Circle Animation",
    projectImage: "assets/GIFs/circleAnimation.gif",
    projectUrl: "public/circleAnimation.html",
  },

  {
    projectName: "SVG Generator",
    projectImage: "assets/images/svg-generator.png",
    projectUrl: "public/svg-generator.html",
  },
  {
    projectName: "Background Video header",
    projectImage: "assets/images/background-header.png",
    projectUrl: "public/background-header.html",
  },
  {
    projectName: "Detect Internet Connection",
    projectImage: "assets/images/DetectInternetconnection.jpeg",
    projectUrl: "public/DetectInternetconnection.html",
  },
  {
    projectName: "Weather App",
    projectImage: "assets/images/Weather-App.png",
    projectUrl: "public/Weather-App.html",
  },
  {
    projectName: "Movie Search App",
    projectImage: "assets/images/Movie-Search-App.png",
    projectUrl: "public/Movie-Search-App.html",
  },
  {
    projectName: "Custom Range Slider",
    projectImage: "assets/images/Custom-Range-Slider.png",
    projectUrl: "public/Custom-Range-Slider.html",
  },
  {
    projectName: "Image Filter App",
    projectImage: "assets/images/Image-Filter-App.png",
    projectUrl: "public/Image-Filter-App.html",
  },
  {
    projectName: "Double Vertical Slider App",
    projectImage: "assets/images/Double-Vertical-Slider.png",
    projectUrl: "public/Double-Vertical-Slider.html",
  },
  {
    projectName: "Bar Chart",
    projectImage: "assets/images/barchart.png",
    projectUrl: "public/barchart.html",
  },
];

var projectDetails = projectData.slice(0);
projectDetails.sort(function (a, b) {
  var x = a.projectName.toLowerCase();
  var y = b.projectName.toLowerCase();
  return x < y ? -1 : x > y ? 1 : 0;
});

let projectContainer = document.getElementById("js-projects");
console.log(projectContainer);

window.addEventListener("load", getProjects());

function getProjects() {
  let output = "";
  projectDetails.forEach(
    (data, item) =>
      (output += `
    <div class="projectCard">
    <a href=${data.projectUrl} class="hoverEffect" target="_blank">
      <img
        class="projectCardImg"
        src=${data.projectImage}
        alt="Card image cap"
      />
        <h5 class="projectCardTitle">${data.projectName}</h5>
        <span class="computerLegs"></span>
        <span class="computerBase"></span>
    </a>
  </div>
  `)
  );

  projectContainer.innerHTML = output;
  console.log("projectContainer", projectContainer.innerHTML);
}

// Search function starts
let searchInput = document.getElementById("searchBar");
let searchText = "";

searchInput.addEventListener("change", (e) => {
  searchText = e.target.value;
});

let searchForm = document.getElementById("searchForm");

searchBtn.addEventListener("click", (e) => {
  var filterData = [];
  if (searchText.length !== 0) {
    projectData.forEach((obj) => {
      if (obj.projectName.toLowerCase().includes(searchText.toLowerCase())) {
        filterData.push(obj);
      }
    });
    console.log(filterData);

    searchForm.addEventListener("submit", (e) => {
      e.preventDefault();
      var filterData = [];
      if (searchText.length !== 0) {
        projectData.forEach((obj) => {
          if (
            obj.projectName.toLowerCase().includes(searchText.toLowerCase())
          ) {
            filterData.push(obj);
          }
        });
        console.log(filterData);
      } else {
        filterData = [...projectData];
        //console.log(filterData)
      }
      let filter = "";
      filterData.forEach(
        (data, item) =>
          (filter += `
    <div class="projectCard">
    <a href=${data.projectUrl} class="hoverEffect" target="_blank">
      <img
        class="projectCardImg"
        src=${data.projectImage}
        alt="Card image cap"
      />
        <h5 class="projectCardTitle">${data.projectName}</h5>
        <span class="computerLegs"></span>
        <span class="computerBase"></span>
    </a>
  </div>
  `)
      );
      projectContainer.innerHTML = filter;
    });
  }
});

// search function ends
window.onscroll = function () {
  myFunction();
};

var navbar = document.getElementById("Navbar");
var sticky = navbar.offsetTop;

function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky");
  } else {
    navbar.classList.remove("sticky");
  }
}

window.onscroll = function () {
  myFunction();
};

var navbar = document.getElementById("Navbar");
var sticky = navbar.offsetTop;

function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky");
  } else {
    navbar.classList.remove("sticky");
  }
}