script.js

let projectData = [
  {
    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: "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: "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: "Alaska Cartoon",
    projectImage: "assets/GIFs/alaska_cartoon.png",
    projectUrl: "public/alaska_cartoon.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: "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: "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: "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: "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: "Music Player",
    projectImage: "assets/GIFs/Music_Player.gif",
    projectUrl: "public/MusicPlayer.html"
  },
  {
    projectName: "Drag Drop To-Do List",
    projectImage: "assets/GIFs/DragToDo.gif",
    projectUrl: "public/DragToDo.html"
  },
  {
    projectName: "Note App",
    projectImage: "assets/GIFs/noteApp.gif",
    projectUrl: "public/note-app.html"
  },
  {
    projectName: "Scientific Calculator",
    projectImage: "assets/Images/Calculator.png",
    projectUrl: "public/calculator.html"
  },
  {
    projectName: "SGPA and CGPA calculator",
    projectImage: "assets/Images/sgpa_and_cgpa.jpg",
    projectUrl: "public/sgpa_and_cgpa.html"
  },
  {
    projectName: "Color Flipper",
    projectImage: "assets/GIFs/color-flipper.gif",
    projectUrl: "public/color-flipper.html"
  },
  {
    projectName: "Dice Game",
    projectImage: "assets/GIFs/dice.gif.gif",
    projectUrl: "public/Dice.html"
  },
  {
    projectName: "Movie Seat Booking",
    projectImage: "assets/GIFs/movieSeatBooking.gif",
    projectUrl: "public/movieSeatBooking.html"
  },
  {
    projectName: "Movie Trailer App",
    projectImage: "assets/GIFs/trailerAppGif.gif",
    projectUrl: "public/movTrailer.html"
  },
  {
    projectName: "Dynamic Quote Generator",
    projectImage: "assets/GIFs/dynamicQuote.gif",
    projectUrl: "public/Dynamic-quotegenerator.html"
  },
  {
    projectName: "Translator-App",
    projectImage: "assets/GIFs/minions.gif",
    projectUrl: "public/translatorMinions.html"
  },
  {
    projectName: "Counter",
    projectImage: "assets/GIFs/counter.gif",
    projectUrl: "public/counter.html"
  },
  {
    projectName: "Local Storage",
    projectImage: "assets/Images/localstorage.png",
    projectUrl: "public/localstorage.html"
  },
  {
    projectName: "Image Slide",
    projectImage: "assets/GIFs/imageSlide.gif",
    projectUrl: "public/ImageSlide.html"
  },
  {
    projectName: "Sidenav",
    projectImage: "assets/GIFs/sidenav.gif",
    projectUrl: "public/Sidenav.html"
  },
  {
    projectName: "Mole Game",
    projectImage: "assets/GIFs/whackMole.gif",
    projectUrl: "public/molegame.html"
  },
  {
    projectName: "Bouncing Balls",
    projectImage: "assets/GIFs/bouncingBalls.gif",
    projectUrl: "public/BouncingBalls.html"
  },
  {
    projectName: "Reviews",
    projectImage: "assets/GIFs/reviews.gif",
    projectUrl: "public/reviews.html"
  },
  {
    projectName: "Click and Drag Image Slider",
    projectImage: "assets/GIFs/clickandDrag.gif",
    projectUrl: "public/clickanddrag.html"
  },
  {
    projectName: "Stop Watch",
    projectImage: "assets/GIFs/stopWatch.gif",
    projectUrl: "public/StopWatch.html"
  },
  {
    projectName: "Animated Counter",
    projectImage: "assets/GIFs/animatedCounter.gif",
    projectUrl: "public/animatedCounter.html"
  },
  {
    projectName: "Image Puzzle Game",
    projectImage: "assets/Images/imagePuzzleGame.png",
    projectUrl: "public/imagePuzzleGame.html"
  },
  {
    projectName: "Traffic Lights",
    projectImage: "assets/GIFs/trafficLights.gif",
    projectUrl: "public/trafficLights.html"
  },
  {
    projectName: "Bubble Sort",
    projectImage: "assets/GIFs/bubbleSort.gif",
    projectUrl: "public/bubbleSort.html"
  },
  {
    projectName: "Music Player",
    projectImage: "assets/GIFs/musicplayer.gif",
    projectUrl: "public/music_player.html"
  },
  {
    projectName: "Maze Game",
    projectImage: "assets/GIFs/maze.gif",
    projectUrl: "public/maze.html"
  },
  {
    projectName: "Drizzle of Hearts",
    projectImage: "assets/GIFs/heart.gif",
    projectUrl: "public/hearts.html"
  },
  {
    projectName: "Drum Kit",
    projectImage: "assets/GIFs/drum-kit.gif",
    projectUrl: "public/drumKit.html"
  },
  {
    projectName: "Netflix Clone",
    projectImage: "assets/GIFs/netflix.gif",
    projectUrl: "public/netflix.html"
  },
  {
    projectName: "Mortgage Loan Calculator",
    projectImage: "assets/Images/mortgage_loan_calculator.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: "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: "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: "Rock Paper Scissor Game",
    projectImage: "assets/Images/r-p-s/rps.gif",
    projectUrl: "public/Rock-paper-scissor.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: "Text to Voice Generator",
    projectImage: "assets/GIFs/Text-voice.gif",
    projectUrl: "public/textToVoice.html"
  },
  {
    projectName: "Github User Finder",
    projectImage: "assets/GIFs/github_finder.gif",
    projectUrl: "public/github_finder.html"
  },
  {
    projectName: "Rode Slider Game",
    projectImage: "assets/GIFs/rodeslidergame.gif",
    projectUrl: "public/rodeslider.html"
  },
  {
    projectName: "User list filter",
    projectImage: "assets/GIFs/UserListFilter.gif",
    projectUrl: "public/UserListFilter.html"
  },
  {
    projectName: "Particle JS Project",
    projectImage: "assets/GIFs/Particle.gif",
    projectUrl: "public/Particle.html"
  },
  {
    projectName: "Flip Cards",
    projectImage: "assets/GIFs/flipped.gif",
    projectUrl: "public/flipcards.html"
  },
  {
    projectName: "Device Info",
    projectImage: "assets/GIFs/DeviceInfo.gif",
    projectUrl: "public/deviceInfo.html"
  },
  {
    projectName: "Calendar",
    projectImage: "assets/Images/calendar_backcover.png",
    projectUrl: "public/calendar.html"
  },

  {
    projectName: "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: "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: "Random 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: '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: "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: "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: "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: "Exchange Rate",
    projectImage: "assets/Images/ExchangeRate.png",
    projectUrl: "public/ExchangeRate.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: "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: "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: "New year crackers",
    projectImage: "assets/GIFs/newyearwish.gif",
    projectUrl: "public/newyearwish.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: "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: "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: "Colora",
    projectImage: "assets/Images/colora.jpg",
    projectUrl: "public/colora.html"
  },

  {
    projectName: "Infinite Scroll Image Gallery",
    projectImage: "assets/Images/infiniteScroll.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: "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: "Timeline",
    projectImage: "assets/GIFs/timeline.gif",
    projectUrl: "public/timeline.html"
  },
  {
    projectName: "Factorial Calculator",
    projectImage: "assets/Images/FactorialCalculator.jpg",
    projectUrl: "public/FactorialCalculator.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: "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: "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: 'Falling Bullets Animation JS',
    projectImage: 'assets/GIFs/FallingBulletsAnimation.gif',
    projectUrl: 'public/FallingBulletsAnimation.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: 'JavaScript Dragon Game',
    projectImage: 'assets/Images/JavaScript-Dragon-Game.png',
    projectUrl: 'public/Dino game.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: "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: "Product Counter",
    projectImage: "assets/Images/product_counter.png",
    projectUrl: "public/product_counter.html"
  },
  {
    projectName: "Snow Background",
    projectImage: "assets/Images/snow.jpg",
    projectUrl: "public/snow.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: "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: "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: "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: "GST Calculator",
    projectImage: "assets/Images/GST_Calculator.png",
    projectUrl: "public/GST_Calculator.html"
  },
  {
    projectName: "Hover Effects",
    projectImage: "assets/Images/hoverimage.png",
    projectUrl: "public/hover_images.html"
  },{

    projectName: "Preloader Projects",
    projectImage: "assets/Images/preloader.png",
    projectUrl: "public/preloader.html"
  },
  {
    projectName: "Gradient background",
    projectImage: "assets/Images/gradient-background.png",
    projectUrl: "public/gradient-background.html"
  },
  {
    projectName: "Check Multiple Checkboxes",
    projectImage: "assets/GIFs/checkboxes.gif",
    projectUrl: "public/checkboxes.html"
  },
  {
    projectName: "Food Menu",
    projectImage: "assets/Images/foodCourt.png",
    projectUrl: "public/foodCourt.html"
  },
  {
    projectName: "Angry birds",
    projectImage: "assets/Images/Angry_bird/demo.png",
    projectUrl: "public/Angry_bird.html"
   },
   {
     projectName: "State Search",
     projectImage: "assets/Images/stateSearch.png",
     projectUrl: "public/stateSearch.html"
   },
  {
    projectName: "Hover Board",
    projectImage: "assets/images/hover-board.png",
    projectUrl: "public/hover_board.html"

  },
  {
    projectName: "Covid Live Status",
    projectImage: "assets/images/covid-live.png",
    projectUrl: "public/covid_live.html"
  },{
    projectName: "3d Flip Card",
    projectImage: "assets/images/flip-card.png",
    projectUrl: "public/flip-card.html"
  },
  {
    projectName: "Contact form",
    projectImage: "assets/images/contact-form.png",
    projectUrl: "public/contact-form.html"
  },
    {
    projectName: "Fun facts about Math",
    projectImage: "assets/images/maths_facts.png",
    projectUrl: "public/maths_facts.html"
  },
  {
    projectName: "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:"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",
  }
];

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
})


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

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

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");
  }
}