text: let projectData = [
    {
      projectName: "Coin-Toss Game",
      projectImage: "assets/Images/Coin-toss.jpg",
      projectUrl: "public/CoinToss.html",
    },
    {
      projectName: "Gradient-Background Generator",
      projectImage: "assets/Images/gradientBackgroundGen.jpg",
      projectUrl: "public/gradientBackgroundGen.html",
    },
    {
      projectName: "JavaScript Interest Calculator",
      projectImage: "assets/Images/InterestCalculator.png",
      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: "Pinpad",
      projectImage: "assets/GIFs/pinpad.gif",
      projectUrl: "public/pinpad.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: "Calculator",
      projectImage: "assets/GIFs/calculator.gif",
      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: "SGPA and CGPA calculator",
      projectImage: "assets/Images/sgpa_and_cgpa.jpg",
      projectUrl: "public/sgpa_and_cgpa.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/GIFs/localstorage.gif",
      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: "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: "Analog Clock",
      projectImage: "assets/GIFs/analogClock.gif",
      projectUrl: "public/Analogclock.html",
    },
    {
      projectName: "Digital Clock",
      projectImage: "assets/GIFs/digitalClock.gif",
      projectUrl: "public/digitalClock.html",
    },
    {
      projectName: "Birthday Reminder",
      projectImage: "assets/Images/birthdayReminder.png",
      projectUrl: "public/birthdayReminder.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: "Stop Watch",
      projectImage: "assets/GIFs/stopWatch.gif",
      projectUrl: "public/StopWatch.html",
    },
    {
      projectName: "Animated Counter",
      projectImage: "assets/GIFs/animatedCounter.gif",
      projectUrl: "public/animatedCounter.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: "Analog Clock",
      projectImage: "assets/GIFs/analogClock.gif",
      projectUrl: "public/Analogclock.html",
    },
    {
      projectName: "Digital Clock",
      projectImage: "assets/GIFs/digitalClock.gif",
      projectUrl: "public/digitalClock.html",
    },
    {
      projectName: "Birthday Reminder",
      projectImage: "assets/Images/birthdayReminder.png",
      projectUrl: "public/birthdayReminder.html",
    },
    {
      projectName: "Date Time Widget",
      projectImage: "assets/GIFs/dateTimeWidget.gif",
      projectUrl: "public/dateTimeWidget.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: "Reviews",
      projectImage: "assets/GIFs/reviews.gif",
      projectUrl: "public/reviews.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: "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: "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.gif",
      projectUrl: "public/quizapp.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: "Rock Paper Sessior Game",
      projectImage: "assets/Images/r-p-s/rps.gif",
      projectUrl: "public/Rock-paper-sesssior.html",
    },
    {
      projectName: "Weather App",
      projectImage: "assets/GIFs/Weather_app.gif",
      projectUrl: "public/Weather_app.html",
    },
    {
      projectName: "MemeUrl",
      projectImage: "assets/GIFs/memeUrl.png",
      projectUrl: "public/memeUrl.html",
    },
    {
      projectName: "RGB Color Guessing Game",
      projectImage: "assets/GIFs/RGB_Color.gif",
      projectUrl: "public/RGB_Color_Guessing_Game.html",
    },
    {
      projectName: "Text to Voice Generator",
      projectImage: "assets/GIFs/textToVoice",
      projectUrl: "public/textToVoice.html",
    },
    {
      projectName: "MemeUrl",
      projectImage: "assets/GIFs/memeUrl.png",
      projectUrl: "public/memeUrl.html",
    },
    {
      projectName: "RGB Color Guessing Game",
      projectImage: "assets/GIFs/RGB_Color.gif",
      projectUrl: "public/RGB_Color_Guessing_Game.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: "Yoga App",
      projectImage: "assets/GIFs/yoga.gif",
      projectUrl: "public/yoga.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: "Particle JS Project",
      projectImage: "assets/GIFs/Particle.gif",
      projectUrl: "public/Particle.html",
    },
    {
      projectName: "Calendar",
      projectImage: "assets/Images/calendar_backcover.png",
      projectUrl: "public/calendar.html",
    },
    {
      projectName: "Text to Voice Generator",
      projectImage: "assets/GIFs/textToVoice.gif",
      projectUrl: "public/textToVoice.html",
    },
    {
      projectName: "Randam User Finder",
      projectImage: "assets/GIFs/Random_User.gif",
      projectUrl: "public/Randomuser.html",
    },
    {
      projectName: "Math Quiz for kids 🙂 ",
      projectImage: "assets/Images/MathQuiz.jpg",
      projectUrl: "public/MathQuiz.html",
    },
    {
      projectName: "Animated Minion Eyes",
      projectImage: "assets/GIFs/Minion-Eyes.gif",
      projectUrl: "public/Minion-Eyes.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: "Breakout!",
      projectImage: "assets/GIFs/breakout.gif",
      projectUrl: "public/breakout.html",
    },
    {
      projectName: "Device Info",
      projectImage: "assets/GIFs/DeviceInfo.gif",
      projectUrl: "public/deviceInfo.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.gif",
      projectUrl: "public/Live_Code_Editor.html",
    },
    {
      projectName: "love Calculator",
      projectImage: "assets/GIFs/loveCalculator.gif",
      projectUrl: "public/loveCalculator.html",
    },
    {
      projectName: "Live Code Editor",
      projectImage: "assets/GIFs/LiveEditor.gif.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: "Expanding Card",
      projectImage: "assets/GIFs/ExpandingCard.gif",
      projectUrl: "public/ExpandingCard.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: "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: "Pixels Game",
      projectImage: "assets/GIFs/pixels.gif",
      projectUrl: "public/pixels-game.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: "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: "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: "DarkMode",
    //     projectImage: {
    //                     "assets/Images/DarkMode1.jpeg",
    //                     "assets/Image/DarkMode2.jpeg",
    //                   },
    //     projectUrl: "public/DarkMode.html",
    //    },
  
    //   {
    //     projectName: "DarkMode",
    //     projectImage: {
    //                     "assets/Images/DarkMode1.jpeg",
    //                     "assets/Image/DarkMode2.jpeg",
    //                   },
    //     projectUrl: "public/DarkMode.html",
    //    },
  
    {
      projectName: "DarkMode",
      projectImage: "assets/Images/DarkMode2.jpeg",
      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: "Exchange Rate",
      projectImage: "assets/Images/ExchangeRate.png",
      projectUrl: "public/ExchangeRate.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: "Image Gallery",
      projectImage: "assets/Images/imageGallery/images",
      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/Images/FlappyBird/FlappyBirdDemo",
      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/currencyConverter.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: "Breakout!",
      projectImage: "assets/GIFs/breakouthere.gif",
      projectUrl: "public/breakout.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: "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: "Factorial Calculator",
      projectImage: "assets/Images/FactorialCalculator.jpg",
      projectUrl: "public/FactorialCalculator.html",
    },
    {
      projectName: "Hospital Registration Form",
      projectImage: "assets/GIFs/registration_form.gif",
      projectUrl: "public/registration_form.html",
    },
    {
      projectName: "Lyrics App",
      projectImage: "assets/GIFs/lyricsApp.gif",
      projectUrl: "public/lyricsApp.html",
    },
    {
      projectName: "Breakout!",
      projectImage: "assets/GIFs/breakouthere.gif",
      projectUrl: "public/breakout.html",
    },
    {
      projectName: "New year crackers",
      projectImage: "assets/GIFs/newyearwish.gif",
      projectUrl: "public/newyearwish.html",
    },
    {
      projectName: "love Calculator",
      projectImage: "assets/GIFs/loveCalculator.gif",
      projectUrl: "public/loveCalculator.html",
    },
    {
      projectName: "Tetris Game",
      projectImage: "assets/Images/TetrisGame.png",
      projectUrl: "public/TetrisGame.html",
    },
    {
      projectName: "Factorial Calculator",
      projectImage: "assets/Images/FactorialCalculator.jpg",
      projectUrl: "public/FactorialCalculator.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: "Speech To Text Converter",
      projectImage: "assets/GIFs/SpeechtoText.gif",
      projectUrl: "public/SpeechtoText.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: " Testimonial Design",
      projectImage: "assets/GIFs/TestimonialDesign.gif ",
      projectUrl: "public/TestimonialDesign.html",
    },
    {
      projectName: "Code Converter",
      projectImage: "assets/GIFs/Code_Converter.gif",
      projectUrl: "public/Code_Converter.html",
    },
    {
      projectName: "AmoungUs Game Move",
      projectImage: "assets/GIFs/amongus.gif",
      projectUrl: "public/amongus.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: "Rose | Mathematics",
      projectImage: "assets/Images/rose-mathematics/icon.png",
      projectUrl: "public/rose-mathematics.html",
    },
    {
      projectName: "Typing Practice",
      projectImage: "assets/GIFs/TypingSpeed.gif",
      projectUrl: "public/TypingPractice.html",
    },
  ];
  
  let projectContainer = document.getElementById("js-projects");
  console.log(projectContainer);
  
  window.addEventListener("load", getProjects());
  
  function getProjects() {
    let output = "";
    projectData.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);
  }
  
  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");
    }
  }
  