text: let projectData = [
    {
      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: '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: '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: '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: 'Text to Voice Generator',
      projectImage: 'assets/GIFs/textToVoice.gif',
      projectUrl: 'public/textToVoice.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: 'Animated Minion Eyes',
      projectImage: 'assets/GIFs/Minion-Eyes.gif',
      projectUrl: 'public/Minion-Eyes.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: 'AwesomeSnakeGame',
      projectImage: 'assets/GIFs/AwesomeSnakeGame.gif',
      projectUrl: 'public/AwesomeSnakeGame.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: 'Form Wave Animation',
      projectImage: 'assets/GIFs/Form_Wave_Animation.gif',
      projectUrl: 'public/Form_Wave_Animation.html',
    },
    {
      projectName: 'Exchange Rate',
      projectImage: 'assets/Images/ExchangeRate.png',
      projectUrl: 'public/ExchangeRate.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: 'Captcha Validator',
      projectImage: 'assets/Images/CaptchaValidator.png',
      projectUrl: 'public/CaptchaValidator.html',
    },
    {
      projectName: 'Filterable Image Gallery',
      projectImage:
        'assets/Images/Filterable_Image_Gallery/Filterable_Image_Gallery.png',
      projectUrl: 'public/Filterable_Image_Gallery.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: '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: 'Re-Create Giphy',
      projectImage: 'assets/Images/giphy.png',
      projectUrl: 'public/Giphy.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: '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: '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: '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: '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: '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: 'Timeline',
      projectImage: 'assets/GIFs/timeline.gif',
      projectUrl: 'public/timeline.html',
    },
    {
      projectName: 'Covid Live Status',
      projectImage: 'assets/images/covid-live.png',
      projectUrl: 'public/covid_live.html',
    },
    {
      projectName: 'Random Name Generator',
      projectImage: 'assets/Images/random_name_generator.png',
      projectUrl: 'public/random_name_generator.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: 'Bucket Sort Visualizer in JavaScript',
      projectImage: 'assets/Images/bucket-visualizing.png',
      projectUrl: 'public/bucketsort.html',
    },
    {
      projectName: 'Meal Genrator',
      projectImage: 'assets/images/meal-genrator.png',
      projectUrl: 'public/meal-genrator.html',
    },
    {
      projectName: 'Train_Schedule Manager',
      projectImage: 'assets/Images/train_schedule.png',
      projectUrl: 'public/train_schedule.html',
    },
    {
      projectName: 'Lyrics Search App',
      projectImage: 'assets/Images/Lyrics_search_app.png',
      projectUrl: 'public/Lyrics_search_App.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: 'Sortable List',
      projectImage: 'assets/images/sortable_list.png',
      projectUrl: 'public/sortable_list.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",
    },
  ];
  
  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');
    }
  }
  