script.js

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

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

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

	{
		projectName: 'Music Box',
		projectImage: 'assets/GIFs/Music-Box.gif',
		projectUrl: 'public/Music-box.html',
	},
	{
		projectName: 'Lorem Ipsum Generator',
		projectImage: 'assets/Images/lorem.png',
		projectUrl: 'public/lorem.html',
	},
	{
		projectName: 'Ghost Text',
		projectImage: 'assets/GIFs/ghost.gif',
		projectUrl: 'public/Ghost-Text.html',
	},
	{
		projectName: 'Grocery-List',
		projectImage: 'assets/GIFs/groceryList.gif',
		projectUrl: 'public/groceryList.html',
	},
	{
		projectName: 'Joke Teller',
		projectImage: 'assets/GIFs/joke-teller-robot.gif',
		projectUrl: 'public/joke-teller.html',
	},
	{
		projectName: 'Spock Lizards Game',
		projectImage: 'assets/Images/spock.png',
		projectUrl: 'public/spock-game.html',
	},
	{
		projectName: 'NASA APOD',
		projectImage: 'assets/GIFs/nasa-apod.gif',
		projectUrl: 'public/nasa-apod.html',
	},
	{
		projectName: 'Temperature Converter',
		projectImage: 'assets/GIFs/Temperature_Converter_Backcover.gif',
		projectUrl: 'public/Temperature_Converter.html',
	},
	{
		projectName: 'Animated Background',
		projectImage: 'assets/GIFs/Animated_Background.gif',
		projectUrl: 'public/Animated_Background.html',
	},
	{
		projectName: 'Picture - Picture',
		projectImage: 'assets/Images/picture-picture.png',
		projectUrl: 'public/Picture.html',
	},
	{
		projectName: 'Slider',
		projectImage: 'assets/GIFs/slider-js.gif',
		projectUrl: 'public/slider.html',
	},
	{
		projectName: 'Space Invaders Game',
		projectImage: 'assets/GIFs/space-invaders.gif',
		projectUrl: 'public/space-invaders.html',
	},
	{
		projectName: 'Custom Countdown',
		projectImage: 'assets/GIFs/time.png',
		projectUrl: 'public/CustomCount.html',
	},
	{
		projectName: 'Chess Game',
		projectImage: 'assets/GIFs/chess.gif',
		projectUrl: 'public/chess.html',
	},
	{
		projectName: 'Coin-Toss Game',
		projectImage: 'assets/Images/Coin-toss.jpg',
		projectUrl: 'public/CoinToss.html',
	},
	{
		projectName: 'Motorcycle Game',
		projectImage: 'assets/GIFs/Bike.gif',
		projectUrl: 'public/Motorcycle.html',
	},
	{
		projectName: 'Gradient-Background Generator',
		projectImage: 'assets/Images/gradientBackgroundGen.jpg',
		projectUrl: 'public/gradientBackgroundGen.html',
	},
	{
		projectName: 'Pomodoro Timer',
		projectImage: 'assets/GIFs/Pomodoro.gif',
		projectUrl: 'public/Pomodoro.html',
	},
	{
		projectName: 'Video Player',
		projectImage: 'assets/Images/videoPlayer.png',
		projectUrl: 'public/video.html',
	},
	{
		projectName: 'Student Registration Validated Form',
		projectImage: 'assets/GIFs/student.gif',
		projectUrl: 'public/student.html',
	},
	{
		projectName: 'Library-App',
		projectImage: 'assets/Images/libraryapp.png',
		projectUrl: 'public/libraryapp.html',
	},
	{
		projectName: 'JavaScript Interest Calculator',
		projectImage: 'assets/GIFs/Interest_Calculator.gif',
		projectUrl: 'public/InterestCalculator.html',
	},
	{
		projectName: 'Car Game',
		projectImage: 'assets/GIFs/cargame.gif',
		projectUrl: 'public/car.html',
	},
	{
		projectName: 'Tubelight-text',
		projectImage: 'assets/GIFs/Tubelight-text.gif',
		projectUrl: 'public/Tubelight-text.html',
	},
	{
		projectName: 'And Or Xor Converter',
		projectImage: 'assets/GIFs/AND_OR_XOR_Converter.gif',
		projectUrl: 'public/AND_OR_XOR_Converter.html',
	},
	{
		projectName: 'Todo-App',
		projectImage: 'assets/GIFs/todo-app.gif',
		projectUrl: 'public/todo-app.html',
	},
	{
		projectName: 'Length Unit Conversions',
		projectImage: 'assets/Images/length_banner.jfif',
		projectUrl: 'public/length_converter.html',
	},
	{
		projectName: 'Pinpad',
		projectImage: 'assets/GIFs/pinpad.gif',
		projectUrl: 'public/pinpad.html',
	},
	{
		projectName: 'Random Maze Generator',
		projectImage: 'assets/GIFs/Mazegenerator.gif',
		projectUrl: 'public/mazeGenerator.html',
	},
	{
		projectName: 'Music Player',
		projectImage: 'assets/GIFs/Music_Player.gif',
		projectUrl: 'public/MusicPlayer.html',
	},
	{
		projectName: 'Drag Drop To-Do List',
		projectImage: 'assets/GIFs/DragToDo.gif',
		projectUrl: 'public/DragToDo.html',
	},
	{
		projectName: 'Note App',
		projectImage: 'assets/GIFs/noteApp.gif',
		projectUrl: 'public/note-app.html',
	},
	{
		projectName: 'Scientific Calculator',
		projectImage: 'assets/Images/Calculator.png',
		projectUrl: 'public/calculator.html',
	},
	{
		projectName: 'SGPA and CGPA calculator',
		projectImage: 'assets/Images/sgpa_and_cgpa.jpg',
		projectUrl: 'public/sgpa_and_cgpa.html',
	},
	{
		projectName: 'Color Flipper',
		projectImage: 'assets/GIFs/color-flipper.gif',
		projectUrl: 'public/color-flipper.html',
	},
	{
		projectName: 'Dice Game',
		projectImage: 'assets/GIFs/dice.gif.gif',
		projectUrl: 'public/Dice.html',
	},
	{
		projectName: 'Movie Seat Booking',
		projectImage: 'assets/GIFs/movieSeatBooking.gif',
		projectUrl: 'public/movieSeatBooking.html',
	},
	{
		projectName: 'Movie Trailer App',
		projectImage: 'assets/GIFs/trailerAppGif.gif',
		projectUrl: 'public/movTrailer.html',
	},
	{
		projectName: 'Dynamic Quote Generator',
		projectImage: 'assets/GIFs/dynamicQuote.gif',
		projectUrl: 'public/Dynamic-quotegenerator.html',
	},
	{
		projectName: 'Translator-App',
		projectImage: 'assets/GIFs/minions.gif',
		projectUrl: 'public/translatorMinions.html',
	},
	{
		projectName: 'Counter',
		projectImage: 'assets/GIFs/counter.gif',
		projectUrl: 'public/counter.html',
	},
	{
		projectName: 'Local Storage',
		projectImage: 'assets/Images/localstorage.png',
		projectUrl: 'public/localstorage.html',
	},
	{
		projectName: 'Image Slide',
		projectImage: 'assets/GIFs/imageSlide.gif',
		projectUrl: 'public/ImageSlide.html',
	},
	{
		projectName: 'Sidenav',
		projectImage: 'assets/GIFs/sidenav.gif',
		projectUrl: 'public/Sidenav.html',
	},
	{
		projectName: 'Mole Game',
		projectImage: 'assets/GIFs/whackMole.gif',
		projectUrl: 'public/molegame.html',
	},
	{
		projectName: 'Bouncing Balls',
		projectImage: 'assets/GIFs/bouncingBalls.gif',
		projectUrl: 'public/BouncingBalls.html',
	},
	{
		projectName: 'Reviews',
		projectImage: 'assets/GIFs/reviews.gif',
		projectUrl: 'public/reviews.html',
	},
	{
		projectName: 'Click and Drag Image Slider',
		projectImage: 'assets/GIFs/clickandDrag.gif',
		projectUrl: 'public/clickanddrag.html',
	},
	{
		projectName: 'Stop Watch',
		projectImage: 'assets/GIFs/stopWatch.gif',
		projectUrl: 'public/StopWatch.html',
	},
	{
		projectName: 'Animated Counter',
		projectImage: 'assets/GIFs/animatedCounter.gif',
		projectUrl: 'public/animatedCounter.html',
	},
	{
		projectName: 'Image Puzzle Game',
		projectImage: 'assets/Images/imagePuzzleGame.png',
		projectUrl: 'public/imagePuzzleGame.html',
	},
	{
		projectName: 'Traffic Lights',
		projectImage: 'assets/GIFs/trafficLights.gif',
		projectUrl: 'public/trafficLights.html',
	},
	{
		projectName: 'Bubble Sort',
		projectImage: 'assets/GIFs/bubbleSort.gif',
		projectUrl: 'public/bubbleSort.html',
	},
	{
		projectName: 'Music Player',
		projectImage: 'assets/GIFs/musicplayer.gif',
		projectUrl: 'public/music_player.html',
	},
	{
		projectName: 'Maze Game',
		projectImage: 'assets/GIFs/maze.gif',
		projectUrl: 'public/maze.html',
	},
	{
		projectName: 'Drizzle of Hearts',
		projectImage: 'assets/GIFs/heart.gif',
		projectUrl: 'public/hearts.html',
	},
	{
		projectName: 'Drum Kit',
		projectImage: 'assets/GIFs/drum-kit.gif',
		projectUrl: 'public/drumKit.html',
	},
	{
		projectName: 'Netflix Clone',
		projectImage: 'assets/GIFs/netflix.gif',
		projectUrl: 'public/netflix.html',
	},
	{
		projectName: 'Mortgage Loan Calculator',
		projectImage: 'assets/Images/loan.png',
		projectUrl: 'public/mortgage_loan_calculator.html',
	},
	{
		projectName: 'Analog Clock',
		projectImage: 'assets/GIFs/analogClock.gif',
		projectUrl: 'public/Analogclock.html',
	},
	{
		projectName: 'Digital Clock',
		projectImage: 'assets/Images/digitalClockupdated.png',
		projectUrl: 'public/digitalClock.html',
	},
	{
		projectName: 'Birthday Reminder',
		projectImage: 'assets/Images/birthdayReminder.png',
		projectUrl: 'public/birthdayReminder.html',
	},
	{
		projectName: 'Notifications',
		projectImage: 'assets/GIFs/notifications.gif',
		projectUrl: 'public/notifications.html',
	},
	{
		projectName: 'Date Time Widget',
		projectImage: 'assets/GIFs/dateTimeWidget.gif',
		projectUrl: 'public/dateTimeWidget.html',
	},
	{
		projectName: 'FAQs',
		projectImage: 'assets/GIFs/FAQs.gif',
		projectUrl: 'public/FAQs.html',
	},
	{
		projectName: 'Text Generator',
		projectImage: 'assets/GIFs/textGenerator.gif',
		projectUrl: 'public/textGenerator.html',
	},
	{
		projectName: 'Auto-Text',
		projectImage: 'assets/GIFs/auto-text.gif',
		projectUrl: 'public/auto-text.html',
	},
	{
		projectName: 'New Year Count Down',
		projectImage: 'assets/GIFs/newYearCountdown.gif',
		projectUrl: 'public/newyearcountdown.html',
	},
	{
		projectName: 'Line replacing text',
		projectImage: 'assets/GIFs/line-replacing-project-.gif',
		projectUrl: 'public/line_replacing_project.html',
	},
	{
		projectName: 'Line Through Effect',
		projectImage: 'assets/Images/line-through.png',
		projectUrl: 'public/line_through.html',
	},
	{
		projectName: 'Password Generator',
		projectImage: 'assets/GIFs/passwordGenerator.gif',
		projectUrl: 'public/passwordGenerator.html',
	},
	{
		projectName: 'BMI Calculator',
		projectImage: 'assets/GIFs/BMIcal.gif',
		projectUrl: 'public/BMICalculator.html',
	},
	{
		projectName: 'URL Shortner',
		projectImage: 'assets/GIFs/urlShortner.gif',
		projectUrl: 'public/url-shortner.html',
	},
	{
		projectName: 'Mario Game',
		projectImage: 'assets/GIFs/mario.gif',
		projectUrl: 'public/mario.html',
	},
	{
		projectName: '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/Random_Picker_Visualiser.gif',
		projectUrl: 'public/Random_Picker.html',
	},
	{
		projectName: 'Animated Minion Eyes',
		projectImage: 'assets/GIFs/Minion-Eyes.gif',
		projectUrl: 'public/Minion-Eyes.html',
	},
	{
		projectName: 'Rock Paper Scissor Game',
		projectImage: 'assets/Images/r-p-s/rps.gif',
		projectUrl: 'public/Rock-paper-scissor.html',
	},
	{
		projectName: 'Weather App',
		projectImage: 'assets/GIFs/Weather_app.gif',
		projectUrl: 'public/Weather_app.html',
	},
	{
		projectName: 'Whack a Mole Game',
		projectImage: 'assets/Images/whack-a-mole.png',
		projectUrl: 'public/whack-a-mole.html',
	},
	{
		projectName: 'Yoga App',
		projectImage: 'assets/Images/yogascreen.png',
		projectUrl: 'public/yoga.html',
	},
	{
		projectName: 'RGB Color Guessing Game',
		projectImage: 'assets/GIFs/RGB_Color.gif',
		projectUrl: 'public/RGB_Color_Guessing_Game.html',
	},
	{
		projectName: 'RGB TO HEX CONVERTER',
		projectImage: 'assets/Images/RGB_HEX.png',
		projectUrl: 'public/RGB_HEX.html',
	},
	{
		projectName: 'Github User Finder',
		projectImage: 'assets/GIFs/github_finder.gif',
		projectUrl: 'public/github_finder.html',
	},
	{
		projectName: 'Rode Slider Game',
		projectImage: 'assets/GIFs/rodeslidergame.gif',
		projectUrl: 'public/rodeslider.html',
	},
	{
		projectName: 'User list filter',
		projectImage: 'assets/GIFs/UserListFilter.gif',
		projectUrl: 'public/UserListFilter.html',
	},
	{
		projectName: 'Particle JS Project',
		projectImage: 'assets/GIFs/Particle.gif',
		projectUrl: 'public/Particle.html',
	},
	{
		projectName: 'Flip Cards',
		projectImage: 'assets/GIFs/flipped.gif',
		projectUrl: 'public/flipcards.html',
	},
	{
		projectName: 'Device Info',
		projectImage: 'assets/GIFs/DeviceInfo.gif',
		projectUrl: 'public/deviceInfo.html',
	},
	{
		projectName: 'Calendar',
		projectImage: 'assets/Images/calendar_backcover.png',
		projectUrl: 'public/calendar.html',
	},
	{
		projectName: 'Random User Finder',
		projectImage: 'assets/GIFs/Random_User.gif',
		projectUrl: 'public/Randomuser.html',
	},

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

	//   {
	//     projectName: "DarkMode",
	//     projectImage: {
	//                     "assets/Images/DarkMode1.jpeg",
	//                     "assets/Image/DarkMode2.jpeg",
	//                   },
	//     projectUrl: "public/DarkMode.html",
	//    },
	{
		projectName: 'Dark Mode',
		projectImage: 'assets/GIFs/DarkMode.gif',
		projectUrl: 'public/DarkMode.html',
	},
	{
		projectName: 'Blurry Loading Interface',
		projectImage: 'assets/GIFs/Blurry_Loading_Interface.gif',
		projectUrl: 'public/blurry_loading_interface.html',
	},
	{
		projectName: 'Sequence Game',
		projectImage: 'assets/Images/sequence-game.PNG',
		projectUrl: 'public/Sequence-game.html',
	},
	{
		projectName: 'Connect Four',
		projectImage: 'assets/GIFs/connectFour.gif',
		projectUrl: 'public/connectFour.html',
	},
	{
		projectName: 'Bookmarks App',
		projectImage: 'assets/Images/BookMarks.jpg',
		projectUrl: 'public/bookmarks.html',
	},
	{
		projectName: 'Insect Catch Game',
		projectImage: 'assets/Images/Insect-Catch.png',
		projectUrl: 'public/InsectCatch.html',
	},
	{
		projectName: 'Exchange Rate',
		projectImage: 'assets/Images/ExchangeRate.png',
		projectUrl: 'public/ExchangeRate.html',
	},
	{
		projectName: 'Navigation',
		projectImage: 'assets/GIFs/navigation.gif',
		projectUrl: 'public/navigation.html',
	},
	{
		projectName: 'CGPA Calculator',
		projectImage: 'assets/Images/cgpaCalculator.png',
		projectUrl: 'public/cgpaCalculator.html',
	},
	{
		projectName: 'Mapping Earthquake Data',
		projectImage: 'assets/Images/earthquake.png',
		projectUrl: 'public/map_earthquake_data.html',
	},
	{
		projectName: 'Word Scramble Game',
		projectImage: 'assets/GIFs/wordScramble.gif',
		projectUrl: 'public/wordScramble.html',
	},
	{
		projectName: 'Photo Details Teller',
		projectImage: 'assets/Images/photoDetails.png',
		projectUrl: 'public/photoDetails.html',
	},
	{
		projectName: 'Ludo Game',
		projectImage: 'assets/Images/ludo/ludo.png.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.png',
		projectUrl: 'public/flappybird.html',
	},
	{
		projectName: 'HTTP - CATS',
		projectImage: 'assets/GIFs/httpcats.gif',
		projectUrl: 'public/httpcats.html',
	},
	{
		projectName: 'Form Wave Animation',
		projectImage: 'assets/GIFs/Form_Wave_Animation.gif',
		projectUrl: 'public/Form_Wave_Animation.html',
	},
	{
		projectName: 'Typewriter Effect',
		projectImage: 'assets/GIFs/typewriter.gif',
		projectUrl: 'public/typewriter.html',
	},
	{
		projectName: 'Pagination',
		projectImage: 'assets/Images/Pagination.png',
		projectUrl: 'public/Pagination.html',
	},
	{
		projectName: 'Currency Converter',
		projectImage: 'assets/GIFs/Currency_Converter_Backcover.gif',
		projectUrl: 'public/currencyConverter.html',
	},
	{
		projectName: 'Speech Recognization',
		projectImage: 'assets/Images/speech-recognization.PNG',
		projectUrl: 'public/speech-recognization.html',
	},
	{
		projectName: 'PianoApp',
		projectImage: 'assets/Images/pianoApp.png',
		projectUrl: 'public/pianoApp.html',
	},
	{
		projectName: 'Lyrics App',
		projectImage: 'assets/GIFs/lyricsApp.gif',
		projectUrl: 'public/lyricsApp.html',
	},
	{
		projectName: 'TV Show Search',
		projectImage: 'assets/GIFs/TV_ShowSearch.gif',
		projectUrl: 'public/TV_ShowSearch.html',
	},
	{
		projectName: 'Age Calculator',
		projectImage: 'assets/Images/AgeCalculator.png',
		projectUrl: 'public/AgeCalculator.html',
	},
	{
		projectName: 'Spotify Finder',
		projectImage: 'assets/Images/SpotifyFinder.PNG',
		projectUrl: 'public/SpotifyFinder.html',
	},
	{
		projectName: 'FruitSlicer',
		projectImage: 'assets/GIFs/fruitSlicer.gif',
		projectUrl: 'public/fruitSlicer.html',
	},
	{
		projectName: 'Computer Giveaway',
		projectImage: 'assets/Images/giveaway.jpg',
		projectUrl: 'public/giveaway.html',
	},
	{
		projectName: 'FoodRecipe',
		projectImage: 'assets/GIFs/foodRecipe.gif',
		projectUrl: 'public/foodRecipe.html',
	},
	{
		projectName: "Simon's Game",
		projectImage: 'assets/Images/Simons_s_Game.png',
		projectUrl: 'public/simon.html',
	},
	{
		projectName: 'Image Editor',
		projectImage: 'assets/GIFs/Image_editor.gif',
		projectUrl: 'public/Image_editor.html',
	},
	{
		projectName: 'Falling Bullets Animation JS',
		projectImage: 'assets/GIFs/FallingBulletsAnimation.gif',
		projectUrl: 'public/FallingBulletsAnimation.html',
	},
	{
		projectName: 'Infix Expression Evaluator in JavaScript',
		projectImage: 'assets/GIFs/Infix-Evaluator-in-JavaScript.png',
		projectUrl: 'public/infixevaluator.html',
	},
	{
		projectName: 'JavaScript Dragon Game',
		projectImage: 'assets/Images/JavaScript-Dragon-Game.png',
		projectUrl: 'public/Dino game.html',
	},
	{
		projectName: 'Giphy-Search',
		projectImage: 'assets/GIFs/Giphy-Search.gif',
		projectUrl: 'public/Giphy-Search.html',
	},

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    },
	{
		projectName: 'Ternary Search Visualization in JavaScript',
		projectImage: 'assets/Images/ternarysearch-visualizing.png',
		projectUrl: 'public/ternarysearch.html',
	},
	{
		projectName: 'Binary Search Visualization in JavaScript',
		projectImage: 'assets/Images/binarysearch-visualizing.png',
		projectUrl: 'public/binarysearch.html',
	},
	{
		projectName: 'Heap Sort Visualizer in JavaScript',
		projectImage: 'assets/Images/heap-visualizing.png',
		projectUrl: 'public/heapsort.html',
	},
	{
		projectName: 'Text-Style CSS',
		projectImage: 'assets/Images/text-style.png',
		projectUrl: 'public/text-style.html',
	},
	{
		projectName: 'Pacman game',
		projectImage: 'assets/Images/Pacman.png',
		projectUrl: 'public/Pacman.html',
	},

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

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

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

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

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

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

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

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

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

	{
		projectName: 'Decimal To Binary Converter',
		projectImage: 'assets/GIFs/DecimalToBinaryConverter.gif',
		projectUrl: 'public/DecimalToBinaryConverter.html',
	},
	{
		projectName: 'Book Search ',
		projectImage: 'assets/Images/book-search.png',
		projectUrl: 'public/book-search.html',
	},
	{
		projectName: 'Joke with category',
		projectImage: 'assets/Images/joke-category.png',
		projectUrl: 'public/joke-category.html',
	},
	{
		projectName: 'Web Development Course Webpage',
		projectImage: 'assets/GIFs/WebDevelopmentCourse.gif',
		projectUrl: 'public/WebDevelopmentCourse.html',
	},
	{
		projectName: 'Wikipedia Search',
		projectImage: 'assets/Images/wikiSearch.png',
		projectUrl: 'public/wikiSearch.html',
	},
	{
		projectName: 'Emoji Factory',
		projectImage: 'assets/Images/emoji-factory.png',
		projectUrl: 'public/emoji-factory.html',
	},
	{
		projectName: 'Image Search',
		projectImage: 'assets/Images/image-search.png',
		projectUrl: 'public/image-search.html',
	},
	{
		projectName: 'Sortable List',
		projectImage: 'assets/Images/sortable_list.png',
		projectUrl: 'public/sortable_list.html',
	},
	{
		projectName: '3D Rotating Nav',
		projectImage: 'assets/Images/rota.png',
		projectUrl: 'public/rotating_nav_anim.html',
	},
	{
		projectName: 'Netflix Nav',
		projectImage: 'assets/Images/netnav.png',
		projectUrl: 'public/netnav.html',
	},
	{
		projectName: 'Among Us Mod',
		projectImage: 'assets/GIFs/among.gif',
		projectUrl: 'public/amongus/index.html',
	},
	{
		projectName: 'Compound Interest Calculator',
		projectImage: 'assets/GIFs/CompoundInterestCalculator.gif',
		projectUrl: 'public/CompoundInterestCalculator.html',
	},
	{
		projectName: 'Gradient Showcase',
		projectImage: 'assets/Images/gradient-showcase.png',
		projectUrl: 'public/gradient-showcase.html',
	},
	{
		projectName: 'Meal Genrator',
		projectImage: 'assets/Images/meal-genrator.png',
		projectUrl: 'public/meal-genrator.html',
	},
	{
		projectName: 'Lyrics Search App',
		projectImage: 'assets/Images/Lyrics_search_app.png',
		projectUrl: 'public/Lyrics_search_App.html',
	},
	{
		projectName: 'Circle Animation',
		projectImage: 'assets/GIFs/circleAnimation.gif',
		projectUrl: 'public/circleAnimation.html',
	},
	{
		projectName: 'Sudoku Solver',
		projectImage: 'assets/Images/Sudoku_Solver.jpeg',
		projectUrl: 'public/Sudoku_Solver.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: 'Page Scroll Indicator',
		projectImage: 'assets/Images/page_scroll_indicator.png',
		projectUrl: 'public/page_scroll_indicator.html',
	},
	{
		projectName: 'Movie Search App',
		projectImage: 'assets/Images/Movie-Search-App.png',
		projectUrl: 'public/Movie-Search-App.html',
	},
	{
		projectName: 'Custom Range Slider',
		projectImage: 'assets/Images/Custom-Range-Slider.png',
		projectUrl: 'public/Custom-Range-Slider.html',
	},
	{
		projectName: 'Image Filter App',
		projectImage: 'assets/Images/Image-Filter-App.png',
		projectUrl: 'public/Image-Filter-App.html',
	},
	{
		projectName: 'Double Vertical Slider App',
		projectImage: 'assets/Images/Double-Vertical-Slider.png',
		projectUrl: 'public/Double-Vertical-Slider.html',
	},
	{
		projectName: 'Line Chart',
		projectImage: 'assets/Images/linechart.jpg',
		projectUrl: 'public/linechart.html',
	},
	{
		projectName: 'Bar Chart',
		projectImage: 'assets/Images/barchart.png',
		projectUrl: 'public/barchart.html',
	},
	{
		projectName: 'Random Password Generator',
		projectImage: 'assets/Images/password-generator.jpg',
		projectUrl: 'public/password.html',
	},
	{
		projectName: 'Radar Chart Implementation ',
		projectImage: 'assets/Images/radarchart.jpg',
		projectUrl: 'public/radar.html',
	},
	{
		projectName: 'Scatter Chart App',
		projectImage: 'assets/Images/scatter_chart.png',
		projectUrl: 'public/scatter_chart.html',
	},
	{
		projectName: 'Random Password Generator',
		projectImage: 'assets/Images/password-generator.jpg',
		projectUrl: 'public/password.html',
	},
	{
		projectName: '0/1 Knapsack Solution',
		projectImage: 'assets/Images/KnapsackProblem.PNG',
		projectUrl: 'public/KnapSackProblem.html',
	},
	{
		projectName: 'Portfolio Website',
		projectImage: 'assets/Images/Portfolio/Portfolio.png',
		projectUrl: 'public/Portfolio.html',
	},
	{
		projectName: '15 Puzzle Game',
		projectImage: 'assets/Images/15puzzle/15puzzle.png',
		projectUrl: 'public/15puzzle.html',
	},
];

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

function removeDuplicate(){
	projectDetails = projectDetails.filter((value, index, self) =>
	index === self.findIndex((t) => (
	  t.projectName === value.projectName
	))
  )
}
removeDuplicate();

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

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

function getProjects() {
    let output = "";
	projectDetails = new Set(projectDetails);
    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;
}

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

        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);
                    }
                });
            } else {
                filterData = [...projectData];
            }
            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");
    }
}