From 0347c781f4e4aad84b274ade636110dbac167a74 Mon Sep 17 00:00:00 2001 From: Ruchika Date: Sun, 17 Aug 2025 19:56:01 +0530 Subject: [PATCH] Revert "Files are Organized in Clean " --- README.md | 7 - MainIndex.html => index.html | 2 +- .../Budget-Tracker/index.html | 0 .../Day-10_Neon_Brick_Breaker/index.html | 4 +- .../Day-10_Neon_Brick_Breaker/script.js | 0 .../Day-10_Neon_Brick_Breaker/styles.css | 0 .../Day-11_WeatherApp/images/404.svg | 0 .../Day-11_WeatherApp/images/clear.svg | 0 .../Day-11_WeatherApp/images/cloud.svg | 0 .../Day-11_WeatherApp/images/mist.svg | 0 .../Day-11_WeatherApp/images/rain.svg | 0 .../Day-11_WeatherApp/images/snow.svg | 0 .../Day-11_WeatherApp/index.html | 6 +- .../Day-11_WeatherApp/script.js | 12 +- .../Day-11_WeatherApp/style.css | 0 .../6d5938dd7b271e9ad1112ac481c2c4d9.jpg | Bin {CSS => public/Day-13_Coin_Flip}/coin.css | 2 +- {Logic => public/Day-13_Coin_Flip}/coin.js | 0 .../Day-13_Coin_Flip/index.html | 4 +- .../Day-14_E-WasteManagementHub/index.html | 6 +- .../Day-14_E-WasteManagementHub/locations.css | 0 .../locations.html | 14 +- .../Day-14_E-WasteManagementHub/locations.js | 0 .../Day-14_E-WasteManagementHub/script.js | 0 .../Day-14_E-WasteManagementHub/style.css | 0 .../Day-15_Currency_Converter/index.html | 4 +- .../Day-15_Currency_Converter/script.js | 0 .../Day-15_Currency_Converter/style.css | 0 .../Day-16_Random_User_Generator/image.png | Bin .../Day-16_Random_User_Generator/index.html | 6 +- .../Day-16_Random_User_Generator/script.js | 0 .../Day-16_Random_User_Generator/style.css | 0 .../Day-17_Image_Search_App}/.gitignore | 0 .../Day-17_Image_Search_App/config.example.js | 0 .../Day-17_Image_Search_App/index.html | 6 +- .../Day-17_Image_Search_App/script.js | 0 .../Day-17_Image_Search_App/style.css | 0 .../Day-1_TodoList/index.html | 0 .../Day-20_tictactoe/index.html | 4 +- .../Day-20_tictactoe/script.js | 0 .../Day-20_tictactoe/style.css | 0 .../Day-21_candycrush}/candy_crush.html | 4 +- .../Day-21_candycrush/script.js | 0 .../Day-21_candycrush/styles.css | 0 .../Day-22_Palette_generator/index.html | 4 +- .../Day-22_Palette_generator/script.js | 0 .../Day-22_Palette_generator/style.css | 0 .../Day-23_QRCodeGenerator/index.html | 4 +- .../Day-23_QRCodeGenerator/script.js | 0 .../Day-23_QRCodeGenerator/style.css | 0 .../Day-23_RockPaperScissor/app.js | 0 .../Day-23_RockPaperScissor/index.html | 10 +- .../Day-23_RockPaperScissor/paper.png | Bin .../Day-23_RockPaperScissor/rock.png | Bin .../Day-23_RockPaperScissor/scissor.png | Bin .../Day-23_RockPaperScissor/style.css | 0 .../Day-26_Drawing/index.html | 2 +- .../Day-26_Drawing/script.js | 0 .../Day-28_Target_Reflex_Test/index.html | 4 +- .../Day-28_Target_Reflex_Test/script.js | 0 .../Day-28_Target_Reflex_Test/styles.css | 0 .../Day-2_digital_clock}/digitalclock.html | 0 .../Day-31/background.svg | 0 .../Day-31/index.html | 4 +- .../Alien Hunt.js => public/Day-31/script.js | 0 CSS/Alien Hunt.css => public/Day-31/style.css | 2 +- .../Day-34-Colour_picker/index.html | 0 public/Day-35-Drawing/index.html | 56 + public/Day-35-Drawing/script.js | 232 ++++ .../Day-36_Notes_App/index.html | 7 +- .../Day-36_Notes_App/navbar.js | 6 +- .../Day-36_Notes_App/notes.css | 0 .../Day-36_Notes_App/notes.html | 8 +- .../Day-36_Notes_App/notes.js | 0 .../Day-36_Notes_App/styles.css | 0 .../Day-3_AsciiArtGenerator/README.md | 0 .../Day-3_AsciiArtGenerator/index.html | 4 +- .../Day-3_AsciiArtGenerator/script.js | 0 .../Day-3_AsciiArtGenerator/style.css | 0 .../Day-42_NoteTaker/index.html | 4 +- .../Day-42_NoteTaker/script.js | 0 .../Day-42_NoteTaker/style.css | 0 .../Day-45/audio.js | 0 .../CallRace.svg => public/Day-45/bg.svg | 0 .../CalRace.html => public/Day-45/index.html | 8 +- .../Day-45/particles.js | 0 Logic/CallRace.js => public/Day-45/script.js | 0 CSS/CallRace.css => public/Day-45/styles.css | 2 +- .../Day-47_Pomodoro-app/index.html | 4 +- .../Day-47_Pomodoro-app/script.js | 0 .../Day-47_Pomodoro-app/style.css | 0 .../Day-4_password_visualizer/index.html | 4 +- .../Day-4_password_visualizer/script.js | 0 .../Day-4_password_visualizer/styles.css | 0 .../Day-50_BMI_Calculator_Tanu/README.md | 0 .../Day-50_BMI_Calculator_Tanu/index.html | 4 +- .../Day-50_BMI_Calculator_Tanu/script.js | 0 .../Day-50_BMI_Calculator_Tanu/style.css | 0 .../ChessBack.svg => public/Day-51/backg.svg | 0 {Logic => public/Day-51}/chess.js | 0 .../Chessfav.svg => public/Day-51/fav.svg | 0 .../Chess.html => public/Day-51/index.html | 6 +- CSS/Chess.css => public/Day-51/styles.css | 2 +- .../Day-57_4_in_a_row/index.html | 4 +- .../Day-57_4_in_a_row/script.js | 0 .../Day-57_4_in_a_row/style.css | 0 .../Day-5_physics_simulation/app.js | 0 .../Day-5_physics_simulation/index.html | 4 +- .../Day-5_physics_simulation/styles.css | 0 .../Hamster.svg => public/Day-69/fav.svg | 0 .../Day-69/index.html | 6 +- .../Day-69/script.js | 0 .../Day-69/style.css | 0 .../Day-6_QuoteGenerator/README.md | 0 .../Day-6_QuoteGenerator/index.html | 0 .../Day-72_Portfolio/ChromaCanvas.png | Bin .../Day-72_Portfolio/be10x.pdf | Bin .../Day-72_Portfolio/be10x.png | Bin .../Day-72_Portfolio/bg.avif | Bin .../Day-72_Portfolio/cpp.pdf | Bin .../Day-72_Portfolio/cpp.png | Bin .../Day-72_Portfolio/css certificate.pdf | Bin .../Day-72_Portfolio/css.png | Bin .../Day-72_Portfolio/index.html | 30 +- .../Day-72_Portfolio}/portfolio.png | Bin .../Day-72_Portfolio/script.js | 0 .../Day-72_Portfolio/shefi.png | Bin .../Day-72_Portfolio/style.css | 0 .../Day-72_Portfolio/your-image-1.jpg | Bin .../Day-72_Portfolio/your-image-2.jpg | Bin .../Day-72_Portfolio/your-image-3.jpg | Bin .../Day-72_Portfolio/your-image-4.jpg | Bin .../Day-72_Portfolio/your-image-5.jpg | Bin .../Day-72_Portfolio/your-image-6.jpg | Bin .../Day-7_CharacterWordCounter/index.html | 4 +- .../Day-7_CharacterWordCounter/readme.md | 0 .../Day-7_CharacterWordCounter/script.js | 0 .../Day-7_CharacterWordCounter/style.css | 0 .../Day-8_DiceRollSimulator/index.html | 4 +- .../Day-8_DiceRollSimulator/script.js | 0 .../Day-8_DiceRollSimulator/style.css | 0 .../Day-9_Guess_My_Number/index.html | 4 +- .../Day-9_Guess_My_Number/script.js | 0 .../Day-9_Guess_My_Number/style.css | 0 .../Day52_E-Commerce_UI/index.html | 460 ++++---- .../Day52_E-Commerce_UI/style.css | 1030 ++++++++--------- .../Day53-Word-Guess-Game/index.html | 34 +- .../Day53-Word-Guess-Game/script.js | 276 ++--- .../Day53-Word-Guess-Game/style.css | 148 +-- .../Etch-a-Sketch/index.html | 4 +- .../Etch-a-Sketch/script.js | 0 .../Etch-a-Sketch/style.css | 0 .../Fruit_Slicer_Game/images/4_fruits.png | Bin .../Fruit_Slicer_Game/images/brown_bg.jpg | Bin .../Fruit_Slicer_Game/images/red _bg.jpg | Bin .../Fruit_Slicer_Game/images/watermelon.png | Bin .../Fruit_Slicer_Game/index.html | 8 +- .../Fruit_Slicer_Game/script.js | 0 .../Fruit_Slicer_Game/styles.css | 4 +- .../GiggleBits/index.html | 0 .../Github_Profile_Finder/index.html | 4 +- .../Github_Profile_Finder/script.js | 0 .../Github_Profile_Finder/styles.css | 1 - .../Gradient_Generator/index.html | 4 +- .../Gradient_Generator/script.js | 0 .../Gradient_Generator/style.css | 0 .../Memory Game App/README.md | 0 .../Memory Game App/index.html | 4 +- .../Memory Game App/script.js | 0 .../Memory Game App/style.css | 0 .../Mood_Music_Suggester/README.md | 0 .../Mood_Music_Suggester/index.html | 4 +- .../Mood_Music_Suggester/script.js | 0 .../Mood_Music_Suggester/style.css | 0 .../Snake-and-Ladder-Game/dice-rolling.mp3 | Bin .../Snake-and-Ladder-Game/index.html | 6 +- .../Snake-and-Ladder-Game/script.js | 4 +- .../Snake-and-Ladder-Game/snake ladder.png | Bin .../Snake-and-Ladder-Game/style.css | 0 .../Snake-and-Ladder-Game/win-sound.mp3 | Bin .../Space-Jumper-Game/index.html | 0 .../Space-War-Game/audio.js | 0 .../Space-War-Game/game.js | 0 .../Space-War-Game/index.html | 6 +- .../Space-War-Game/style.css | 0 .../Stopwatch/index.html | 4 +- .../Stopwatch/script.js | 0 .../Stopwatch/styles.css | 0 .../Student_Grade_Analyzer/README.md | 0 .../Student_Grade_Analyzer/index.html | 4 +- .../Student_Grade_Analyzer/script.js | 200 ++-- .../Student_Grade_Analyzer/style.css | 694 +++++------ .../World_Clock/images/logo.svg | 0 .../World_Clock/index.html | 14 +- .../World_Clock/local.js | 0 .../Clock.js => public/World_Clock/script.js | 2 +- CSS/Clock.css => public/World_Clock/style.css | 0 public/background.jpg | Bin 0 -> 27961 bytes .../day75-mypaint/index.html | 0 199 files changed, 1854 insertions(+), 1575 deletions(-) rename MainIndex.html => index.html (99%) rename HTML Pages/Budget-Tracker.html => public/Budget-Tracker/index.html (100%) rename HTML Pages/Neon-Brick-Breaker.html => public/Day-10_Neon_Brick_Breaker/index.html (88%) rename Logic/Neon-Brick-Breaker.js => public/Day-10_Neon_Brick_Breaker/script.js (100%) rename CSS/Neon-Brick-Breaker.css => public/Day-10_Neon_Brick_Breaker/styles.css (100%) rename Assets/Images/Weather-404.svg => public/Day-11_WeatherApp/images/404.svg (100%) rename Assets/Images/Weather-clear.svg => public/Day-11_WeatherApp/images/clear.svg (100%) rename Assets/Images/Weather-cloud.svg => public/Day-11_WeatherApp/images/cloud.svg (100%) rename Assets/Images/Weather-mist.svg => public/Day-11_WeatherApp/images/mist.svg (100%) rename Assets/Images/Weather-rain.svg => public/Day-11_WeatherApp/images/rain.svg (100%) rename Assets/Images/Weather-snow.svg => public/Day-11_WeatherApp/images/snow.svg (100%) rename HTML Pages/WeatherApp.html => public/Day-11_WeatherApp/index.html (90%) rename Logic/WeatherApp.js => public/Day-11_WeatherApp/script.js (94%) rename CSS/WeatherApp.css => public/Day-11_WeatherApp/style.css (100%) rename Assets/Images/CoinFlip.jpg => public/Day-13_Coin_Flip/6d5938dd7b271e9ad1112ac481c2c4d9.jpg (100%) rename {CSS => public/Day-13_Coin_Flip}/coin.css (92%) rename {Logic => public/Day-13_Coin_Flip}/coin.js (100%) rename HTML Pages/CoinFlip.html => public/Day-13_Coin_Flip/index.html (92%) rename HTML Pages/E-WasteManagement.html => public/Day-14_E-WasteManagementHub/index.html (96%) rename CSS/E-WasteLocation.css => public/Day-14_E-WasteManagementHub/locations.css (100%) rename HTML Pages/E-WasteLocations.html => public/Day-14_E-WasteManagementHub/locations.html (83%) rename Logic/E-WasteLocation.js => public/Day-14_E-WasteManagementHub/locations.js (100%) rename Logic/E-WasteManagement.js => public/Day-14_E-WasteManagementHub/script.js (100%) rename CSS/E-WasteManagement.css => public/Day-14_E-WasteManagementHub/style.css (100%) rename HTML Pages/Currency-Converter.html => public/Day-15_Currency_Converter/index.html (99%) rename Logic/Currency-Converter.js => public/Day-15_Currency_Converter/script.js (100%) rename CSS/Currency-Converter.css => public/Day-15_Currency_Converter/style.css (100%) rename Assets/Images/Random-Userimage.png => public/Day-16_Random_User_Generator/image.png (100%) rename HTML Pages/Randon-User-Generator.html => public/Day-16_Random_User_Generator/index.html (74%) rename Logic/Random-User-Generator.js => public/Day-16_Random_User_Generator/script.js (100%) rename CSS/Random-User-Generator.css => public/Day-16_Random_User_Generator/style.css (100%) rename {Special Project => public/Day-17_Image_Search_App}/.gitignore (100%) rename Special Project/ImageSearchConfig.js => public/Day-17_Image_Search_App/config.example.js (100%) rename Special Project/Image Search.html => public/Day-17_Image_Search_App/index.html (76%) rename Special Project/ImageSearch.js => public/Day-17_Image_Search_App/script.js (100%) rename Special Project/ImageSearch.css => public/Day-17_Image_Search_App/style.css (100%) rename HTML Pages/Todo-List.html => public/Day-1_TodoList/index.html (100%) rename HTML Pages/TicTacToe.html => public/Day-20_tictactoe/index.html (95%) rename Logic/TicTacToe.js => public/Day-20_tictactoe/script.js (100%) rename CSS/TicTacToe.css => public/Day-20_tictactoe/style.css (100%) rename {HTML Pages => public/Day-21_candycrush}/candy_crush.html (97%) rename Logic/CandyCrush.js => public/Day-21_candycrush/script.js (100%) rename CSS/CandyCrush.css => public/Day-21_candycrush/styles.css (100%) rename HTML Pages/Palette-Generator.html => public/Day-22_Palette_generator/index.html (85%) rename Logic/Palette-Generator.js => public/Day-22_Palette_generator/script.js (100%) rename CSS/Palette-Generator.css => public/Day-22_Palette_generator/style.css (100%) rename HTML Pages/QR Generator.html => public/Day-23_QRCodeGenerator/index.html (90%) rename Logic/QR Generator.js => public/Day-23_QRCodeGenerator/script.js (100%) rename CSS/QR Generator.css => public/Day-23_QRCodeGenerator/style.css (100%) rename Logic/RockPaper.js => public/Day-23_RockPaperScissor/app.js (100%) rename HTML Pages/Rock Paper Scissor.html => public/Day-23_RockPaperScissor/index.html (74%) rename Assets/Images/Rock-paper.png => public/Day-23_RockPaperScissor/paper.png (100%) rename Assets/Images/Rock-rock.png => public/Day-23_RockPaperScissor/rock.png (100%) rename Assets/Images/Rock-scissor.png => public/Day-23_RockPaperScissor/scissor.png (100%) rename CSS/RockPaper.css => public/Day-23_RockPaperScissor/style.css (100%) rename HTML Pages/Drawing.html => public/Day-26_Drawing/index.html (98%) rename Logic/Drawing.js => public/Day-26_Drawing/script.js (100%) rename HTML Pages/Target Reflex Test.html => public/Day-28_Target_Reflex_Test/index.html (96%) rename Logic/Target Reflex Test.js => public/Day-28_Target_Reflex_Test/script.js (100%) rename CSS/Target Reflex Test.css => public/Day-28_Target_Reflex_Test/styles.css (100%) rename {HTML Pages => public/Day-2_digital_clock}/digitalclock.html (100%) rename Assets/Images/Alien-background.svg => public/Day-31/background.svg (100%) rename HTML Pages/Alien Hunt.html => public/Day-31/index.html (97%) rename Logic/Alien Hunt.js => public/Day-31/script.js (100%) rename CSS/Alien Hunt.css => public/Day-31/style.css (99%) rename HTML Pages/Color Picker.html => public/Day-34-Colour_picker/index.html (100%) create mode 100644 public/Day-35-Drawing/index.html create mode 100644 public/Day-35-Drawing/script.js rename HTML Pages/Notes Home.html => public/Day-36_Notes_App/index.html (91%) rename Logic/Notes-navbar.js => public/Day-36_Notes_App/navbar.js (82%) rename CSS/NotesPage1.css => public/Day-36_Notes_App/notes.css (100%) rename HTML Pages/NotesPage1.html => public/Day-36_Notes_App/notes.html (81%) rename Logic/NotesPage1.js => public/Day-36_Notes_App/notes.js (100%) rename CSS/Notes Home.css => public/Day-36_Notes_App/styles.css (100%) rename Readme/Ascii-Art-Generator.md => public/Day-3_AsciiArtGenerator/README.md (100%) rename HTML Pages/Ascii-Art-Generator.html => public/Day-3_AsciiArtGenerator/index.html (98%) rename Logic/Ascii-Art-Generator.js => public/Day-3_AsciiArtGenerator/script.js (100%) rename CSS/Ascii-Art-Generator.css => public/Day-3_AsciiArtGenerator/style.css (100%) rename HTML Pages/Note.html => public/Day-42_NoteTaker/index.html (86%) rename Logic/NoteTaker.js => public/Day-42_NoteTaker/script.js (100%) rename CSS/NoteTaker.css => public/Day-42_NoteTaker/style.css (100%) rename Logic/CallRaceAudio.js => public/Day-45/audio.js (100%) rename Assets/Images/CallRace.svg => public/Day-45/bg.svg (100%) rename HTML Pages/CalRace.html => public/Day-45/index.html (98%) rename Logic/CallRaceParticles.js => public/Day-45/particles.js (100%) rename Logic/CallRace.js => public/Day-45/script.js (100%) rename CSS/CallRace.css => public/Day-45/styles.css (99%) rename HTML Pages/PromoDoro Timer.html => public/Day-47_Pomodoro-app/index.html (97%) rename Logic/PromoDoroTimer.js => public/Day-47_Pomodoro-app/script.js (100%) rename CSS/PromoDoroTimer.css => public/Day-47_Pomodoro-app/style.css (100%) rename HTML Pages/Password-Visualizer.html => public/Day-4_password_visualizer/index.html (95%) rename Logic/Password-Visualizer.js => public/Day-4_password_visualizer/script.js (100%) rename CSS/Password-Visualizer.css => public/Day-4_password_visualizer/styles.css (100%) rename Readme/BMI-Calculator.md => public/Day-50_BMI_Calculator_Tanu/README.md (100%) rename HTML Pages/BMI Calculator.html => public/Day-50_BMI_Calculator_Tanu/index.html (90%) rename Logic/BMI Calculator.js => public/Day-50_BMI_Calculator_Tanu/script.js (100%) rename CSS/BMI Calculator.css => public/Day-50_BMI_Calculator_Tanu/style.css (100%) rename Assets/Images/ChessBack.svg => public/Day-51/backg.svg (100%) rename {Logic => public/Day-51}/chess.js (100%) rename Assets/Images/Chessfav.svg => public/Day-51/fav.svg (100%) rename HTML Pages/Chess.html => public/Day-51/index.html (96%) rename CSS/Chess.css => public/Day-51/styles.css (99%) rename HTML Pages/4 in Row.html => public/Day-57_4_in_a_row/index.html (96%) rename Logic/4 in Row.js => public/Day-57_4_in_a_row/script.js (100%) rename CSS/4 in Row.css => public/Day-57_4_in_a_row/style.css (100%) rename Logic/Physics-Simulation.js => public/Day-5_physics_simulation/app.js (100%) rename HTML Pages/Physics-Simulation.html => public/Day-5_physics_simulation/index.html (89%) rename CSS/Physics-Simulation.css => public/Day-5_physics_simulation/styles.css (100%) rename Assets/Images/Hamster.svg => public/Day-69/fav.svg (100%) rename HTML Pages/Hamster Slap.html => public/Day-69/index.html (96%) rename Logic/Hamster-Slap.js => public/Day-69/script.js (100%) rename CSS/Hamster-Slap.css => public/Day-69/style.css (100%) rename Readme/Quote-Generator.md => public/Day-6_QuoteGenerator/README.md (100%) rename HTML Pages/Quote-Generator.html => public/Day-6_QuoteGenerator/index.html (100%) rename Assets/Images/Portfolio-ChromaCanvas.png => public/Day-72_Portfolio/ChromaCanvas.png (100%) rename Assets/Pdfs/portfolio-be10x.pdf => public/Day-72_Portfolio/be10x.pdf (100%) rename Assets/Images/portfolio-be10x.png => public/Day-72_Portfolio/be10x.png (100%) rename Assets/Images/portfolio-bg.avif => public/Day-72_Portfolio/bg.avif (100%) rename Assets/Pdfs/portfolio-cpp.pdf => public/Day-72_Portfolio/cpp.pdf (100%) rename Assets/Images/portfolio-cpp.png => public/Day-72_Portfolio/cpp.png (100%) rename Assets/Pdfs/portfolio-css-certificate.pdf => public/Day-72_Portfolio/css certificate.pdf (100%) rename Assets/Images/portfolio-css.png => public/Day-72_Portfolio/css.png (100%) rename HTML Pages/Portfolio.html => public/Day-72_Portfolio/index.html (88%) rename {Assets/Images => public/Day-72_Portfolio}/portfolio.png (100%) rename Logic/portfolio.js => public/Day-72_Portfolio/script.js (100%) rename Assets/Images/portfolio-shefi.png => public/Day-72_Portfolio/shefi.png (100%) rename CSS/portfolio.css => public/Day-72_Portfolio/style.css (100%) rename Assets/Images/portfolio-1.jpg => public/Day-72_Portfolio/your-image-1.jpg (100%) rename Assets/Images/portfolio-2.jpg => public/Day-72_Portfolio/your-image-2.jpg (100%) rename Assets/Images/portfolio-3.jpg => public/Day-72_Portfolio/your-image-3.jpg (100%) rename Assets/Images/portfolio-4.jpg => public/Day-72_Portfolio/your-image-4.jpg (100%) rename Assets/Images/portfolio-5.jpg => public/Day-72_Portfolio/your-image-5.jpg (100%) rename Assets/Images/portfolio-6.jpg => public/Day-72_Portfolio/your-image-6.jpg (100%) rename HTML Pages/CharacterWordCount.html => public/Day-7_CharacterWordCounter/index.html (82%) rename Readme/CharacterWordCount.md => public/Day-7_CharacterWordCounter/readme.md (100%) rename Logic/CharacterWordCount.js => public/Day-7_CharacterWordCounter/script.js (100%) rename CSS/CharacterWordCount.css => public/Day-7_CharacterWordCounter/style.css (100%) rename HTML Pages/DiceRoll-Simulator.html => public/Day-8_DiceRollSimulator/index.html (79%) rename Logic/DiceRoll-Simulator.js => public/Day-8_DiceRollSimulator/script.js (100%) rename CSS/DiceRoll-Simulator.css => public/Day-8_DiceRollSimulator/style.css (100%) rename HTML Pages/Guess-My-Number.html => public/Day-9_Guess_My_Number/index.html (89%) rename Logic/Guess-My-Number.js => public/Day-9_Guess_My_Number/script.js (100%) rename CSS/Guess-My-Number.css => public/Day-9_Guess_My_Number/style.css (100%) rename HTML Pages/Amazon Clone.html => public/Day52_E-Commerce_UI/index.html (96%) rename CSS/Amazon-clone.css => public/Day52_E-Commerce_UI/style.css (93%) rename HTML Pages/Word Guess.html => public/Day53-Word-Guess-Game/index.html (77%) rename Logic/Word-Guess.js => public/Day53-Word-Guess-Game/script.js (96%) rename CSS/Word-Guess.css => public/Day53-Word-Guess-Game/style.css (93%) rename HTML Pages/Sketch.html => public/Etch-a-Sketch/index.html (74%) rename Logic/Sketch.js => public/Etch-a-Sketch/script.js (100%) rename CSS/Sketch.css => public/Etch-a-Sketch/style.css (100%) rename Assets/Images/Fruit-Slicer1.png => public/Fruit_Slicer_Game/images/4_fruits.png (100%) rename Assets/Images/FruitSlicer-brown_bg.jpg => public/Fruit_Slicer_Game/images/brown_bg.jpg (100%) rename Assets/Images/FruitSlicer-red_bg.jpg => public/Fruit_Slicer_Game/images/red _bg.jpg (100%) rename Assets/Images/FruitSlicer-Watermelon.png => public/Fruit_Slicer_Game/images/watermelon.png (100%) rename HTML Pages/Fruit Slicer.html => public/Fruit_Slicer_Game/index.html (85%) rename Logic/Fruit-Slicer.js => public/Fruit_Slicer_Game/script.js (100%) rename CSS/Fruit-Slicer.css => public/Fruit_Slicer_Game/styles.css (94%) rename HTML Pages/Giggle Bits.html => public/GiggleBits/index.html (100%) rename HTML Pages/Github Finder.html => public/Github_Profile_Finder/index.html (87%) rename Logic/Github-Finder.js => public/Github_Profile_Finder/script.js (100%) rename CSS/Github-Finder.css => public/Github_Profile_Finder/styles.css (99%) rename HTML Pages/Gradient Generator.html => public/Gradient_Generator/index.html (93%) rename Logic/Gradient-Generator.js => public/Gradient_Generator/script.js (100%) rename CSS/Gradient-Generator.css => public/Gradient_Generator/style.css (100%) rename Readme/Memory-Game.md => public/Memory Game App/README.md (100%) rename HTML Pages/Memory Game.html => public/Memory Game App/index.html (85%) rename Logic/Memory-Game.js => public/Memory Game App/script.js (100%) rename CSS/Memory-Game.css => public/Memory Game App/style.css (100%) rename Readme/Music-Sugestor.md => public/Mood_Music_Suggester/README.md (100%) rename HTML Pages/Music Suggester.html => public/Mood_Music_Suggester/index.html (90%) rename Logic/Music-Suggester.js => public/Mood_Music_Suggester/script.js (100%) rename CSS/Music-Suggestor.css => public/Mood_Music_Suggester/style.css (100%) rename Assets/Images/Snake & Ladder-dice-roll.mp3 => public/Snake-and-Ladder-Game/dice-rolling.mp3 (100%) rename HTML Pages/Snake & Ladder.html => public/Snake-and-Ladder-Game/index.html (97%) rename Logic/Snake & Ladder.js => public/Snake-and-Ladder-Game/script.js (96%) rename Assets/Images/Snake & Ladder.png => public/Snake-and-Ladder-Game/snake ladder.png (100%) rename CSS/Snake & Ladder.css => public/Snake-and-Ladder-Game/style.css (100%) rename Assets/Images/Snake & Ladder-win-sound.mp3 => public/Snake-and-Ladder-Game/win-sound.mp3 (100%) rename HTML Pages/Space Jumper.html => public/Space-Jumper-Game/index.html (100%) rename Logic/SpaceShooter-audio.js => public/Space-War-Game/audio.js (100%) rename Logic/SpaceShooter-game.js => public/Space-War-Game/game.js (100%) rename HTML Pages/Space Shooter.html => public/Space-War-Game/index.html (96%) rename CSS/Space-Shooter.css => public/Space-War-Game/style.css (100%) rename HTML Pages/StopWatch.html => public/Stopwatch/index.html (84%) rename Logic/StopWatch.js => public/Stopwatch/script.js (100%) rename CSS/StopWatch.css => public/Stopwatch/styles.css (100%) rename Readme/Student-Grade-Analyzer.md => public/Student_Grade_Analyzer/README.md (100%) rename HTML Pages/Student Grade Analyzer.html => public/Student_Grade_Analyzer/index.html (94%) rename Logic/Student-Grade-Analyzer.js => public/Student_Grade_Analyzer/script.js (96%) rename CSS/Student-Grade-Analyzer.css => public/Student_Grade_Analyzer/style.css (95%) rename Assets/Images/Clock-logo.svg => public/World_Clock/images/logo.svg (100%) rename HTML Pages/Clock.html => public/World_Clock/index.html (91%) rename Logic/Clock-local.js => public/World_Clock/local.js (100%) rename Logic/Clock.js => public/World_Clock/script.js (95%) rename CSS/Clock.css => public/World_Clock/style.css (100%) create mode 100644 public/background.jpg rename HTML Pages/Paint.html => public/day75-mypaint/index.html (100%) diff --git a/README.md b/README.md index 1b57c4c6..3c69d7a4 100644 --- a/README.md +++ b/README.md @@ -47,13 +47,6 @@ We are proud to be contributing as part of these amazing communities! ![Typing SVG](https://readme-typing-svg.herokuapp.com?font=Fira+Code&size=25&pause=1000&color=6AE3F9¢er=true&vCenter=true&width=1000&lines=Learn+By+Building!+πŸ’»;100+Web+Projects+ChallengeπŸ”₯;HTML+CSS+JS+and+More!) -## Note to Cotributors -πŸ‘‰ If you are willing to do changes in the project -πŸ‘‰The files are organized in a manner. -πŸ‘‰If you want to contribute new things please save your file names with the format "projectname-type.extension" -πŸ‘‰ This will be easy for navigation - - --- ## 🌐 Live Website diff --git a/MainIndex.html b/index.html similarity index 99% rename from MainIndex.html rename to index.html index d4b2fc8c..aba18d0e 100644 --- a/MainIndex.html +++ b/index.html @@ -54,7 +54,7 @@ @@ -132,6 +132,6 @@

Get Involved

Β© 2025 E-Waste Management Hub - Promoting Responsible Electronic Recycling

- + \ No newline at end of file diff --git a/CSS/E-WasteLocation.css b/public/Day-14_E-WasteManagementHub/locations.css similarity index 100% rename from CSS/E-WasteLocation.css rename to public/Day-14_E-WasteManagementHub/locations.css diff --git a/HTML Pages/E-WasteLocations.html b/public/Day-14_E-WasteManagementHub/locations.html similarity index 83% rename from HTML Pages/E-WasteLocations.html rename to public/Day-14_E-WasteManagementHub/locations.html index 521f2765..d37acfa9 100644 --- a/HTML Pages/E-WasteLocations.html +++ b/public/Day-14_E-WasteManagementHub/locations.html @@ -4,7 +4,7 @@ E-Waste Drop-off Locations | E-Waste Management - +
@@ -12,19 +12,19 @@

E-Waste Management Hub

@@ -92,6 +92,6 @@

Benefits of Proper Disposal

Β© 2025 E-Waste Management Hub - Promoting Responsible Electronic Recycling

- + \ No newline at end of file diff --git a/Logic/E-WasteLocation.js b/public/Day-14_E-WasteManagementHub/locations.js similarity index 100% rename from Logic/E-WasteLocation.js rename to public/Day-14_E-WasteManagementHub/locations.js diff --git a/Logic/E-WasteManagement.js b/public/Day-14_E-WasteManagementHub/script.js similarity index 100% rename from Logic/E-WasteManagement.js rename to public/Day-14_E-WasteManagementHub/script.js diff --git a/CSS/E-WasteManagement.css b/public/Day-14_E-WasteManagementHub/style.css similarity index 100% rename from CSS/E-WasteManagement.css rename to public/Day-14_E-WasteManagementHub/style.css diff --git a/HTML Pages/Currency-Converter.html b/public/Day-15_Currency_Converter/index.html similarity index 99% rename from HTML Pages/Currency-Converter.html rename to public/Day-15_Currency_Converter/index.html index 0176a6f9..39863b4e 100644 --- a/HTML Pages/Currency-Converter.html +++ b/public/Day-15_Currency_Converter/index.html @@ -6,8 +6,8 @@ Currency Converter - - + +
diff --git a/Logic/Currency-Converter.js b/public/Day-15_Currency_Converter/script.js similarity index 100% rename from Logic/Currency-Converter.js rename to public/Day-15_Currency_Converter/script.js diff --git a/CSS/Currency-Converter.css b/public/Day-15_Currency_Converter/style.css similarity index 100% rename from CSS/Currency-Converter.css rename to public/Day-15_Currency_Converter/style.css diff --git a/Assets/Images/Random-Userimage.png b/public/Day-16_Random_User_Generator/image.png similarity index 100% rename from Assets/Images/Random-Userimage.png rename to public/Day-16_Random_User_Generator/image.png diff --git a/HTML Pages/Randon-User-Generator.html b/public/Day-16_Random_User_Generator/index.html similarity index 74% rename from HTML Pages/Randon-User-Generator.html rename to public/Day-16_Random_User_Generator/index.html index 520ab57b..ef998919 100644 --- a/HTML Pages/Randon-User-Generator.html +++ b/public/Day-16_Random_User_Generator/index.html @@ -5,15 +5,15 @@ Random User Generator - - + +

Random User Generator

- Random user profile image + Random user profile image

Name:

diff --git a/Logic/Random-User-Generator.js b/public/Day-16_Random_User_Generator/script.js similarity index 100% rename from Logic/Random-User-Generator.js rename to public/Day-16_Random_User_Generator/script.js diff --git a/CSS/Random-User-Generator.css b/public/Day-16_Random_User_Generator/style.css similarity index 100% rename from CSS/Random-User-Generator.css rename to public/Day-16_Random_User_Generator/style.css diff --git a/Special Project/.gitignore b/public/Day-17_Image_Search_App/.gitignore similarity index 100% rename from Special Project/.gitignore rename to public/Day-17_Image_Search_App/.gitignore diff --git a/Special Project/ImageSearchConfig.js b/public/Day-17_Image_Search_App/config.example.js similarity index 100% rename from Special Project/ImageSearchConfig.js rename to public/Day-17_Image_Search_App/config.example.js diff --git a/Special Project/Image Search.html b/public/Day-17_Image_Search_App/index.html similarity index 76% rename from Special Project/Image Search.html rename to public/Day-17_Image_Search_App/index.html index 9cff1934..007520ce 100644 --- a/Special Project/Image Search.html +++ b/public/Day-17_Image_Search_App/index.html @@ -5,9 +5,9 @@ Image Search Engine - - - + + + diff --git a/Special Project/ImageSearch.js b/public/Day-17_Image_Search_App/script.js similarity index 100% rename from Special Project/ImageSearch.js rename to public/Day-17_Image_Search_App/script.js diff --git a/Special Project/ImageSearch.css b/public/Day-17_Image_Search_App/style.css similarity index 100% rename from Special Project/ImageSearch.css rename to public/Day-17_Image_Search_App/style.css diff --git a/HTML Pages/Todo-List.html b/public/Day-1_TodoList/index.html similarity index 100% rename from HTML Pages/Todo-List.html rename to public/Day-1_TodoList/index.html diff --git a/HTML Pages/TicTacToe.html b/public/Day-20_tictactoe/index.html similarity index 95% rename from HTML Pages/TicTacToe.html rename to public/Day-20_tictactoe/index.html index 28e38dca..a612291b 100644 --- a/HTML Pages/TicTacToe.html +++ b/public/Day-20_tictactoe/index.html @@ -4,7 +4,7 @@ Tic Tac Toe Game - +
@@ -57,6 +57,6 @@
- + \ No newline at end of file diff --git a/Logic/TicTacToe.js b/public/Day-20_tictactoe/script.js similarity index 100% rename from Logic/TicTacToe.js rename to public/Day-20_tictactoe/script.js diff --git a/CSS/TicTacToe.css b/public/Day-20_tictactoe/style.css similarity index 100% rename from CSS/TicTacToe.css rename to public/Day-20_tictactoe/style.css diff --git a/HTML Pages/candy_crush.html b/public/Day-21_candycrush/candy_crush.html similarity index 97% rename from HTML Pages/candy_crush.html rename to public/Day-21_candycrush/candy_crush.html index f87622fe..aa97bd39 100644 --- a/HTML Pages/candy_crush.html +++ b/public/Day-21_candycrush/candy_crush.html @@ -5,7 +5,7 @@ Candy Crush Clone - +
@@ -69,6 +69,6 @@

Scoring:

- + \ No newline at end of file diff --git a/Logic/CandyCrush.js b/public/Day-21_candycrush/script.js similarity index 100% rename from Logic/CandyCrush.js rename to public/Day-21_candycrush/script.js diff --git a/CSS/CandyCrush.css b/public/Day-21_candycrush/styles.css similarity index 100% rename from CSS/CandyCrush.css rename to public/Day-21_candycrush/styles.css diff --git a/HTML Pages/Palette-Generator.html b/public/Day-22_Palette_generator/index.html similarity index 85% rename from HTML Pages/Palette-Generator.html rename to public/Day-22_Palette_generator/index.html index 703761b8..389f9882 100644 --- a/HTML Pages/Palette-Generator.html +++ b/public/Day-22_Palette_generator/index.html @@ -5,7 +5,7 @@ Color Picker & Palette Generator - + @@ -25,7 +25,7 @@

🎨 Color Palette Generator

- + \ No newline at end of file diff --git a/Logic/Palette-Generator.js b/public/Day-22_Palette_generator/script.js similarity index 100% rename from Logic/Palette-Generator.js rename to public/Day-22_Palette_generator/script.js diff --git a/CSS/Palette-Generator.css b/public/Day-22_Palette_generator/style.css similarity index 100% rename from CSS/Palette-Generator.css rename to public/Day-22_Palette_generator/style.css diff --git a/HTML Pages/QR Generator.html b/public/Day-23_QRCodeGenerator/index.html similarity index 90% rename from HTML Pages/QR Generator.html rename to public/Day-23_QRCodeGenerator/index.html index 595ef04c..69364bc2 100644 --- a/HTML Pages/QR Generator.html +++ b/public/Day-23_QRCodeGenerator/index.html @@ -4,7 +4,7 @@ QR Code Generator - + @@ -26,6 +26,6 @@

QR Code Generator

- + \ No newline at end of file diff --git a/Logic/QR Generator.js b/public/Day-23_QRCodeGenerator/script.js similarity index 100% rename from Logic/QR Generator.js rename to public/Day-23_QRCodeGenerator/script.js diff --git a/CSS/QR Generator.css b/public/Day-23_QRCodeGenerator/style.css similarity index 100% rename from CSS/QR Generator.css rename to public/Day-23_QRCodeGenerator/style.css diff --git a/Logic/RockPaper.js b/public/Day-23_RockPaperScissor/app.js similarity index 100% rename from Logic/RockPaper.js rename to public/Day-23_RockPaperScissor/app.js diff --git a/HTML Pages/Rock Paper Scissor.html b/public/Day-23_RockPaperScissor/index.html similarity index 74% rename from HTML Pages/Rock Paper Scissor.html rename to public/Day-23_RockPaperScissor/index.html index 93d6f709..f0c9a576 100644 --- a/HTML Pages/Rock Paper Scissor.html +++ b/public/Day-23_RockPaperScissor/index.html @@ -4,19 +4,19 @@ Rock Paper Scissor Game - +

Rock Paper Scissor Game

- +
- +
- +
@@ -36,6 +36,6 @@

Rock Paper Scissor Game

Play your move

- + \ No newline at end of file diff --git a/Assets/Images/Rock-paper.png b/public/Day-23_RockPaperScissor/paper.png similarity index 100% rename from Assets/Images/Rock-paper.png rename to public/Day-23_RockPaperScissor/paper.png diff --git a/Assets/Images/Rock-rock.png b/public/Day-23_RockPaperScissor/rock.png similarity index 100% rename from Assets/Images/Rock-rock.png rename to public/Day-23_RockPaperScissor/rock.png diff --git a/Assets/Images/Rock-scissor.png b/public/Day-23_RockPaperScissor/scissor.png similarity index 100% rename from Assets/Images/Rock-scissor.png rename to public/Day-23_RockPaperScissor/scissor.png diff --git a/CSS/RockPaper.css b/public/Day-23_RockPaperScissor/style.css similarity index 100% rename from CSS/RockPaper.css rename to public/Day-23_RockPaperScissor/style.css diff --git a/HTML Pages/Drawing.html b/public/Day-26_Drawing/index.html similarity index 98% rename from HTML Pages/Drawing.html rename to public/Day-26_Drawing/index.html index 5125851e..ead74a83 100644 --- a/HTML Pages/Drawing.html +++ b/public/Day-26_Drawing/index.html @@ -51,6 +51,6 @@

Freehand Drawing Canvas 🎨< - + \ No newline at end of file diff --git a/Logic/Drawing.js b/public/Day-26_Drawing/script.js similarity index 100% rename from Logic/Drawing.js rename to public/Day-26_Drawing/script.js diff --git a/HTML Pages/Target Reflex Test.html b/public/Day-28_Target_Reflex_Test/index.html similarity index 96% rename from HTML Pages/Target Reflex Test.html rename to public/Day-28_Target_Reflex_Test/index.html index b0fb79d3..0d0407aa 100644 --- a/HTML Pages/Target Reflex Test.html +++ b/public/Day-28_Target_Reflex_Test/index.html @@ -5,7 +5,7 @@ 🎯 Target Clicking Game - + @@ -86,7 +86,7 @@

πŸŽ‰ Game Over!

- + \ No newline at end of file diff --git a/Logic/Target Reflex Test.js b/public/Day-28_Target_Reflex_Test/script.js similarity index 100% rename from Logic/Target Reflex Test.js rename to public/Day-28_Target_Reflex_Test/script.js diff --git a/CSS/Target Reflex Test.css b/public/Day-28_Target_Reflex_Test/styles.css similarity index 100% rename from CSS/Target Reflex Test.css rename to public/Day-28_Target_Reflex_Test/styles.css diff --git a/HTML Pages/digitalclock.html b/public/Day-2_digital_clock/digitalclock.html similarity index 100% rename from HTML Pages/digitalclock.html rename to public/Day-2_digital_clock/digitalclock.html diff --git a/Assets/Images/Alien-background.svg b/public/Day-31/background.svg similarity index 100% rename from Assets/Images/Alien-background.svg rename to public/Day-31/background.svg diff --git a/HTML Pages/Alien Hunt.html b/public/Day-31/index.html similarity index 97% rename from HTML Pages/Alien Hunt.html rename to public/Day-31/index.html index 5177e280..0d879220 100644 --- a/HTML Pages/Alien Hunt.html +++ b/public/Day-31/index.html @@ -5,7 +5,7 @@ Alien Hunt - +
@@ -88,6 +88,6 @@

Game Settings

- + diff --git a/Logic/Alien Hunt.js b/public/Day-31/script.js similarity index 100% rename from Logic/Alien Hunt.js rename to public/Day-31/script.js diff --git a/CSS/Alien Hunt.css b/public/Day-31/style.css similarity index 99% rename from CSS/Alien Hunt.css rename to public/Day-31/style.css index 79164aa4..e58ecc01 100644 --- a/CSS/Alien Hunt.css +++ b/public/Day-31/style.css @@ -17,7 +17,7 @@ body { align-items: center; overflow: hidden; animation: backgroundPulse 10s infinite ease-in-out; - background: url(/Assets/Images/Alien-background.svg); + background: url(./background.svg); background-size: cover; /* Make image cover full area */ background-repeat: no-repeat; diff --git a/HTML Pages/Color Picker.html b/public/Day-34-Colour_picker/index.html similarity index 100% rename from HTML Pages/Color Picker.html rename to public/Day-34-Colour_picker/index.html diff --git a/public/Day-35-Drawing/index.html b/public/Day-35-Drawing/index.html new file mode 100644 index 00000000..ead74a83 --- /dev/null +++ b/public/Day-35-Drawing/index.html @@ -0,0 +1,56 @@ + + + + + + Simple Drawing App + + + + + +
+

Freehand Drawing Canvas 🎨

+

Select a tool, brush, size, and color, then draw on the canvas.

+ +
+
+ + + +
+ +
+ Brush: + + + +
+ +
+ + + 5 +
+ +
+ + +
+ +
+ + +
+
+ +
+ +
+
+ + + + \ No newline at end of file diff --git a/public/Day-35-Drawing/script.js b/public/Day-35-Drawing/script.js new file mode 100644 index 00000000..f4f802da --- /dev/null +++ b/public/Day-35-Drawing/script.js @@ -0,0 +1,232 @@ +window.addEventListener('load', () => { + // --- DOM ELEMENTS --- + const canvas = document.getElementById('drawing-canvas'); + const ctx = canvas.getContext('2d'); + + // Tool & Action Buttons + const pencilBtn = document.getElementById('pencil-btn'); + const eraserBtn = document.getElementById('eraser-btn'); + const clearBtn = document.getElementById('clear-btn'); + const savePngBtn = document.getElementById('save-png-btn'); + const savePdfBtn = document.getElementById('save-pdf-btn'); + + // Brush Shape Buttons + const brushRoundBtn = document.getElementById('brush-round-btn'); + const brushCircleBtn = document.getElementById('brush-circle-btn'); + const brushSquareBtn = document.getElementById('brush-square-btn'); + + // Other Controls + const sizeSlider = document.getElementById('size-slider'); + const sizeDisplay = document.getElementById('size-display'); + const colorPicker = document.getElementById('color-picker'); + + // --- STATE --- + let isDrawing = false; + let isErasing = false; + let brushWidth = 5; + let brushColor = '#000000'; + let brushShape = 'round'; // 'round', 'circle', or 'square' + let lastX = 0; + let lastY = 0; + + // --- HELPER FUNCTIONS --- + + // Gets correct coordinates for both mouse and touch events + function getCoordinates(event) { + const rect = canvas.getBoundingClientRect(); + if (event.touches) { + return [event.touches[0].clientX - rect.left, event.touches[0].clientY - rect.top]; + } + return [event.clientX - rect.left, event.clientY - rect.top]; + } + + // Prepares canvas data URL with a white background for saving + function getCanvasDataWithBackground() { + const tempCanvas = document.createElement('canvas'); + const tempCtx = tempCanvas.getContext('2d'); + tempCanvas.width = canvas.width; + tempCanvas.height = canvas.height; + + // Fill background with white + tempCtx.fillStyle = '#FFFFFF'; + tempCtx.fillRect(0, 0, tempCanvas.width, tempCanvas.height); + + // Draw the current canvas content on top + tempCtx.drawImage(canvas, 0, 0); + + return tempCanvas.toDataURL('image/png'); + } + + // --- CORE DRAWING FUNCTION --- + function draw(event) { + if (!isDrawing) return; + event.preventDefault(); + + const [currentX, currentY] = getCoordinates(event); + + ctx.fillStyle = brushColor; + ctx.strokeStyle = brushColor; + + // Eraser logic is separate and overrides brush settings + if (isErasing) { + ctx.globalCompositeOperation = 'destination-out'; + ctx.lineWidth = brushWidth * 4; // Make eraser bigger + ctx.beginPath(); + ctx.moveTo(lastX, lastY); + ctx.lineTo(currentX, currentY); + ctx.stroke(); + } else { + ctx.globalCompositeOperation = 'source-over'; + + // Calculate distance and angle for smooth stamping + const dist = Math.sqrt((currentX - lastX)**2 + (currentY - lastY)**2); + const angle = Math.atan2(currentY - lastY, currentX - lastX); + + for (let i = 0; i < dist; i++) { + const x = lastX + i * Math.cos(angle); + const y = lastY + i * Math.sin(angle); + + // Draw based on the selected brush shape + switch (brushShape) { + case 'circle': + ctx.beginPath(); + ctx.arc(x, y, brushWidth / 2, 0, Math.PI * 2); + ctx.fill(); + break; + case 'square': + ctx.fillRect(x - brushWidth / 2, y - brushWidth / 2, brushWidth, brushWidth); + break; + case 'round': // The default line brush + default: + ctx.lineWidth = brushWidth; + ctx.lineCap = 'round'; + ctx.lineJoin = 'round'; + ctx.beginPath(); + ctx.moveTo(lastX, lastY); + ctx.lineTo(currentX, currentY); + ctx.stroke(); + i = dist; // Break the loop for line brush to avoid overdrawing + break; + } + } + } + [lastX, lastY] = [currentX, currentY]; + } + + // --- EVENT HANDLERS --- + const startDrawing = (event) => { + event.preventDefault(); + isDrawing = true; + [lastX, lastY] = getCoordinates(event); + }; + + const stopDrawing = () => { + isDrawing = false; + }; + + const handleSizeChange = (event) => { + brushWidth = event.target.value; + sizeDisplay.textContent = brushWidth; + }; + + const handleColorChange = (event) => { + brushColor = event.target.value; + }; + + const handleClearCanvas = () => { + if (window.confirm("Are you sure you want to clear the canvas? This action cannot be undone.")) { + ctx.clearRect(0, 0, canvas.width, canvas.height); + } + }; + + const handleSavePNG = () => { + const link = document.createElement('a'); + link.download = 'drawing.png'; + link.href = getCanvasDataWithBackground(); + link.click(); + }; + + const handleSavePDF = () => { + const { jsPDF } = window.jspdf; + const imgData = getCanvasDataWithBackground(); + + const orientation = canvas.width > canvas.height ? 'l' : 'p'; + const pdf = new jsPDF(orientation, 'px', [canvas.width, canvas.height]); + + const pdfWidth = pdf.internal.pageSize.getWidth(); + const pdfHeight = pdf.internal.pageSize.getHeight(); + + pdf.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight); + pdf.save('drawing.pdf'); + }; + + // --- UI & TOOL SELECTION --- + function selectPencil() { + isErasing = false; + pencilBtn.classList.add('ring-2', 'ring-blue-700'); + eraserBtn.classList.remove('ring-2', 'ring-slate-700'); + } + + function selectEraser() { + isErasing = true; + eraserBtn.classList.add('ring-2', 'ring-slate-700'); + pencilBtn.classList.remove('ring-2', 'ring-blue-700'); + } + + function selectBrush(shape) { + brushShape = shape; + // Update UI to show active brush + [brushRoundBtn, brushCircleBtn, brushSquareBtn].forEach(btn => { + btn.classList.remove('ring-2', 'ring-blue-500'); + }); + document.getElementById(`brush-${shape}-btn`).classList.add('ring-2', 'ring-blue-500'); + } + + // --- CANVAS SIZING --- + function resizeCanvas() { + const parent = canvas.parentElement; + const dpr = window.devicePixelRatio || 1; + + // Save drawing to restore it after resize + const currentDrawing = ctx.getImageData(0, 0, canvas.width, canvas.height); + + canvas.style.width = `${parent.clientWidth}px`; + canvas.style.height = `${parent.clientHeight}px`; + canvas.width = parent.clientWidth * dpr; + canvas.height = parent.clientHeight * dpr; + ctx.scale(dpr, dpr); + + // Restore the drawing + ctx.putImageData(currentDrawing, 0, 0); + } + + // --- INITIALIZATION --- + resizeCanvas(); + selectPencil(); + selectBrush('round'); + + // --- EVENT LISTENERS --- + // Drawing events + canvas.addEventListener('mousedown', startDrawing); + canvas.addEventListener('mousemove', draw); + canvas.addEventListener('mouseup', stopDrawing); + canvas.addEventListener('mouseout', stopDrawing); + canvas.addEventListener('touchstart', startDrawing, { passive: false }); + canvas.addEventListener('touchmove', draw, { passive: false }); + canvas.addEventListener('touchend', stopDrawing); + + // Control events + window.addEventListener('resize', resizeCanvas); + pencilBtn.addEventListener('click', selectPencil); + eraserBtn.addEventListener('click', selectEraser); + clearBtn.addEventListener('click', handleClearCanvas); + sizeSlider.addEventListener('input', handleSizeChange); + colorPicker.addEventListener('input', handleColorChange); + savePngBtn.addEventListener('click', handleSavePNG); + savePdfBtn.addEventListener('click', handleSavePDF); + + // Brush selection listeners + brushRoundBtn.addEventListener('click', () => selectBrush('round')); + brushCircleBtn.addEventListener('click', () => selectBrush('circle')); + brushSquareBtn.addEventListener('click', () => selectBrush('square')); +}); \ No newline at end of file diff --git a/HTML Pages/Notes Home.html b/public/Day-36_Notes_App/index.html similarity index 91% rename from HTML Pages/Notes Home.html rename to public/Day-36_Notes_App/index.html index 005ef7db..cadc672e 100644 --- a/HTML Pages/Notes Home.html +++ b/public/Day-36_Notes_App/index.html @@ -4,7 +4,7 @@ Notes App - Home - + @@ -12,8 +12,7 @@

πŸ“ Welcome to Notes App

Organize your ideas, tasks, and thoughts in one sleek space.

- Try Notes App Now - + Try Notes App Now

@@ -62,6 +61,6 @@

πŸ’‘ Why Notes App?

- + diff --git a/Logic/Notes-navbar.js b/public/Day-36_Notes_App/navbar.js similarity index 82% rename from Logic/Notes-navbar.js rename to public/Day-36_Notes_App/navbar.js index 4cff188a..16beac4c 100644 --- a/Logic/Notes-navbar.js +++ b/public/Day-36_Notes_App/navbar.js @@ -5,9 +5,9 @@ document.addEventListener('DOMContentLoaded', () => { diff --git a/CSS/NotesPage1.css b/public/Day-36_Notes_App/notes.css similarity index 100% rename from CSS/NotesPage1.css rename to public/Day-36_Notes_App/notes.css diff --git a/HTML Pages/NotesPage1.html b/public/Day-36_Notes_App/notes.html similarity index 81% rename from HTML Pages/NotesPage1.html rename to public/Day-36_Notes_App/notes.html index 35f4b864..3486bcfb 100644 --- a/HTML Pages/NotesPage1.html +++ b/public/Day-36_Notes_App/notes.html @@ -4,8 +4,8 @@ Notes App - Notes - - + + @@ -23,7 +23,7 @@

My Notes

- - + + \ No newline at end of file diff --git a/Logic/NotesPage1.js b/public/Day-36_Notes_App/notes.js similarity index 100% rename from Logic/NotesPage1.js rename to public/Day-36_Notes_App/notes.js diff --git a/CSS/Notes Home.css b/public/Day-36_Notes_App/styles.css similarity index 100% rename from CSS/Notes Home.css rename to public/Day-36_Notes_App/styles.css diff --git a/Readme/Ascii-Art-Generator.md b/public/Day-3_AsciiArtGenerator/README.md similarity index 100% rename from Readme/Ascii-Art-Generator.md rename to public/Day-3_AsciiArtGenerator/README.md diff --git a/HTML Pages/Ascii-Art-Generator.html b/public/Day-3_AsciiArtGenerator/index.html similarity index 98% rename from HTML Pages/Ascii-Art-Generator.html rename to public/Day-3_AsciiArtGenerator/index.html index c50331f0..d5306017 100644 --- a/HTML Pages/Ascii-Art-Generator.html +++ b/public/Day-3_AsciiArtGenerator/index.html @@ -4,7 +4,7 @@ ASCII Art Generator - by Amaan Syed - + @@ -159,6 +159,6 @@

Social Media

- + diff --git a/Logic/Ascii-Art-Generator.js b/public/Day-3_AsciiArtGenerator/script.js similarity index 100% rename from Logic/Ascii-Art-Generator.js rename to public/Day-3_AsciiArtGenerator/script.js diff --git a/CSS/Ascii-Art-Generator.css b/public/Day-3_AsciiArtGenerator/style.css similarity index 100% rename from CSS/Ascii-Art-Generator.css rename to public/Day-3_AsciiArtGenerator/style.css diff --git a/HTML Pages/Note.html b/public/Day-42_NoteTaker/index.html similarity index 86% rename from HTML Pages/Note.html rename to public/Day-42_NoteTaker/index.html index 8c0ed7a8..90d7fd33 100644 --- a/HTML Pages/Note.html +++ b/public/Day-42_NoteTaker/index.html @@ -4,7 +4,7 @@ - + Notes App @@ -13,6 +13,6 @@ - + \ No newline at end of file diff --git a/Logic/NoteTaker.js b/public/Day-42_NoteTaker/script.js similarity index 100% rename from Logic/NoteTaker.js rename to public/Day-42_NoteTaker/script.js diff --git a/CSS/NoteTaker.css b/public/Day-42_NoteTaker/style.css similarity index 100% rename from CSS/NoteTaker.css rename to public/Day-42_NoteTaker/style.css diff --git a/Logic/CallRaceAudio.js b/public/Day-45/audio.js similarity index 100% rename from Logic/CallRaceAudio.js rename to public/Day-45/audio.js diff --git a/Assets/Images/CallRace.svg b/public/Day-45/bg.svg similarity index 100% rename from Assets/Images/CallRace.svg rename to public/Day-45/bg.svg diff --git a/HTML Pages/CalRace.html b/public/Day-45/index.html similarity index 98% rename from HTML Pages/CalRace.html rename to public/Day-45/index.html index 42ec6ea0..628eefa1 100644 --- a/HTML Pages/CalRace.html +++ b/public/Day-45/index.html @@ -4,7 +4,7 @@ CalRace | Web Dev 100 - + @@ -445,8 +445,8 @@

Game Paused

Loading...

- - - + + + diff --git a/Logic/CallRaceParticles.js b/public/Day-45/particles.js similarity index 100% rename from Logic/CallRaceParticles.js rename to public/Day-45/particles.js diff --git a/Logic/CallRace.js b/public/Day-45/script.js similarity index 100% rename from Logic/CallRace.js rename to public/Day-45/script.js diff --git a/CSS/CallRace.css b/public/Day-45/styles.css similarity index 99% rename from CSS/CallRace.css rename to public/Day-45/styles.css index a0207ed4..7aa85184 100644 --- a/CSS/CallRace.css +++ b/public/Day-45/styles.css @@ -56,7 +56,7 @@ body.reduce-motion * { body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - background: url(/Assets/Images/CallRace.svg); + background: url(./bg.svg); color: var(--text-primary); overflow: hidden; height: 100vh; diff --git a/HTML Pages/PromoDoro Timer.html b/public/Day-47_Pomodoro-app/index.html similarity index 97% rename from HTML Pages/PromoDoro Timer.html rename to public/Day-47_Pomodoro-app/index.html index b23e76d9..4e2e48e1 100644 --- a/HTML Pages/PromoDoro Timer.html +++ b/public/Day-47_Pomodoro-app/index.html @@ -4,7 +4,7 @@ Pomodoro Timer - +
@@ -89,6 +89,6 @@

Settings

- + diff --git a/Logic/PromoDoroTimer.js b/public/Day-47_Pomodoro-app/script.js similarity index 100% rename from Logic/PromoDoroTimer.js rename to public/Day-47_Pomodoro-app/script.js diff --git a/CSS/PromoDoroTimer.css b/public/Day-47_Pomodoro-app/style.css similarity index 100% rename from CSS/PromoDoroTimer.css rename to public/Day-47_Pomodoro-app/style.css diff --git a/HTML Pages/Password-Visualizer.html b/public/Day-4_password_visualizer/index.html similarity index 95% rename from HTML Pages/Password-Visualizer.html rename to public/Day-4_password_visualizer/index.html index 744e9493..34b40450 100644 --- a/HTML Pages/Password-Visualizer.html +++ b/public/Day-4_password_visualizer/index.html @@ -4,7 +4,7 @@ Password Strength Visualizer - +
@@ -65,6 +65,6 @@

πŸ’‘ Password Tips

- + \ No newline at end of file diff --git a/Logic/Password-Visualizer.js b/public/Day-4_password_visualizer/script.js similarity index 100% rename from Logic/Password-Visualizer.js rename to public/Day-4_password_visualizer/script.js diff --git a/CSS/Password-Visualizer.css b/public/Day-4_password_visualizer/styles.css similarity index 100% rename from CSS/Password-Visualizer.css rename to public/Day-4_password_visualizer/styles.css diff --git a/Readme/BMI-Calculator.md b/public/Day-50_BMI_Calculator_Tanu/README.md similarity index 100% rename from Readme/BMI-Calculator.md rename to public/Day-50_BMI_Calculator_Tanu/README.md diff --git a/HTML Pages/BMI Calculator.html b/public/Day-50_BMI_Calculator_Tanu/index.html similarity index 90% rename from HTML Pages/BMI Calculator.html rename to public/Day-50_BMI_Calculator_Tanu/index.html index fc8e5efe..55d2d8e6 100644 --- a/HTML Pages/BMI Calculator.html +++ b/public/Day-50_BMI_Calculator_Tanu/index.html @@ -4,8 +4,8 @@ BMI Calculator - - + +
diff --git a/Logic/BMI Calculator.js b/public/Day-50_BMI_Calculator_Tanu/script.js similarity index 100% rename from Logic/BMI Calculator.js rename to public/Day-50_BMI_Calculator_Tanu/script.js diff --git a/CSS/BMI Calculator.css b/public/Day-50_BMI_Calculator_Tanu/style.css similarity index 100% rename from CSS/BMI Calculator.css rename to public/Day-50_BMI_Calculator_Tanu/style.css diff --git a/Assets/Images/ChessBack.svg b/public/Day-51/backg.svg similarity index 100% rename from Assets/Images/ChessBack.svg rename to public/Day-51/backg.svg diff --git a/Logic/chess.js b/public/Day-51/chess.js similarity index 100% rename from Logic/chess.js rename to public/Day-51/chess.js diff --git a/Assets/Images/Chessfav.svg b/public/Day-51/fav.svg similarity index 100% rename from Assets/Images/Chessfav.svg rename to public/Day-51/fav.svg diff --git a/HTML Pages/Chess.html b/public/Day-51/index.html similarity index 96% rename from HTML Pages/Chess.html rename to public/Day-51/index.html index 05130347..8c68bc65 100644 --- a/HTML Pages/Chess.html +++ b/public/Day-51/index.html @@ -4,8 +4,8 @@ Chess Game - - + +
@@ -117,6 +117,6 @@

Captured by Black

- + diff --git a/CSS/Chess.css b/public/Day-51/styles.css similarity index 99% rename from CSS/Chess.css rename to public/Day-51/styles.css index 33aa2334..de31b64e 100644 --- a/CSS/Chess.css +++ b/public/Day-51/styles.css @@ -11,7 +11,7 @@ body { justify-content: center; align-items: center; padding: 20px; - background-image: url('/Assets/Images/ChessBack.svg'); + background-image: url('./backg.svg'); background-size: cover; background-position: center; background-repeat: no-repeat; diff --git a/HTML Pages/4 in Row.html b/public/Day-57_4_in_a_row/index.html similarity index 96% rename from HTML Pages/4 in Row.html rename to public/Day-57_4_in_a_row/index.html index 0f663430..04c43d79 100644 --- a/HTML Pages/4 in Row.html +++ b/public/Day-57_4_in_a_row/index.html @@ -4,7 +4,7 @@ 4 in a Row Game - + @@ -82,6 +82,6 @@

It's a Draw!

- + \ No newline at end of file diff --git a/Logic/4 in Row.js b/public/Day-57_4_in_a_row/script.js similarity index 100% rename from Logic/4 in Row.js rename to public/Day-57_4_in_a_row/script.js diff --git a/CSS/4 in Row.css b/public/Day-57_4_in_a_row/style.css similarity index 100% rename from CSS/4 in Row.css rename to public/Day-57_4_in_a_row/style.css diff --git a/Logic/Physics-Simulation.js b/public/Day-5_physics_simulation/app.js similarity index 100% rename from Logic/Physics-Simulation.js rename to public/Day-5_physics_simulation/app.js diff --git a/HTML Pages/Physics-Simulation.html b/public/Day-5_physics_simulation/index.html similarity index 89% rename from HTML Pages/Physics-Simulation.html rename to public/Day-5_physics_simulation/index.html index 5d6e8d76..d2ec8492 100644 --- a/HTML Pages/Physics-Simulation.html +++ b/public/Day-5_physics_simulation/index.html @@ -5,7 +5,7 @@ Physics Simulation by Vishisht Dwivedi - + @@ -35,7 +35,7 @@

0

- + \ No newline at end of file diff --git a/CSS/Physics-Simulation.css b/public/Day-5_physics_simulation/styles.css similarity index 100% rename from CSS/Physics-Simulation.css rename to public/Day-5_physics_simulation/styles.css diff --git a/Assets/Images/Hamster.svg b/public/Day-69/fav.svg similarity index 100% rename from Assets/Images/Hamster.svg rename to public/Day-69/fav.svg diff --git a/HTML Pages/Hamster Slap.html b/public/Day-69/index.html similarity index 96% rename from HTML Pages/Hamster Slap.html rename to public/Day-69/index.html index ed0c62bb..99e256e7 100644 --- a/HTML Pages/Hamster Slap.html +++ b/public/Day-69/index.html @@ -4,8 +4,8 @@ Hamster Slap - - + +
@@ -141,6 +141,6 @@

Game Over!

- + \ No newline at end of file diff --git a/Logic/Hamster-Slap.js b/public/Day-69/script.js similarity index 100% rename from Logic/Hamster-Slap.js rename to public/Day-69/script.js diff --git a/CSS/Hamster-Slap.css b/public/Day-69/style.css similarity index 100% rename from CSS/Hamster-Slap.css rename to public/Day-69/style.css diff --git a/Readme/Quote-Generator.md b/public/Day-6_QuoteGenerator/README.md similarity index 100% rename from Readme/Quote-Generator.md rename to public/Day-6_QuoteGenerator/README.md diff --git a/HTML Pages/Quote-Generator.html b/public/Day-6_QuoteGenerator/index.html similarity index 100% rename from HTML Pages/Quote-Generator.html rename to public/Day-6_QuoteGenerator/index.html diff --git a/Assets/Images/Portfolio-ChromaCanvas.png b/public/Day-72_Portfolio/ChromaCanvas.png similarity index 100% rename from Assets/Images/Portfolio-ChromaCanvas.png rename to public/Day-72_Portfolio/ChromaCanvas.png diff --git a/Assets/Pdfs/portfolio-be10x.pdf b/public/Day-72_Portfolio/be10x.pdf similarity index 100% rename from Assets/Pdfs/portfolio-be10x.pdf rename to public/Day-72_Portfolio/be10x.pdf diff --git a/Assets/Images/portfolio-be10x.png b/public/Day-72_Portfolio/be10x.png similarity index 100% rename from Assets/Images/portfolio-be10x.png rename to public/Day-72_Portfolio/be10x.png diff --git a/Assets/Images/portfolio-bg.avif b/public/Day-72_Portfolio/bg.avif similarity index 100% rename from Assets/Images/portfolio-bg.avif rename to public/Day-72_Portfolio/bg.avif diff --git a/Assets/Pdfs/portfolio-cpp.pdf b/public/Day-72_Portfolio/cpp.pdf similarity index 100% rename from Assets/Pdfs/portfolio-cpp.pdf rename to public/Day-72_Portfolio/cpp.pdf diff --git a/Assets/Images/portfolio-cpp.png b/public/Day-72_Portfolio/cpp.png similarity index 100% rename from Assets/Images/portfolio-cpp.png rename to public/Day-72_Portfolio/cpp.png diff --git a/Assets/Pdfs/portfolio-css-certificate.pdf b/public/Day-72_Portfolio/css certificate.pdf similarity index 100% rename from Assets/Pdfs/portfolio-css-certificate.pdf rename to public/Day-72_Portfolio/css certificate.pdf diff --git a/Assets/Images/portfolio-css.png b/public/Day-72_Portfolio/css.png similarity index 100% rename from Assets/Images/portfolio-css.png rename to public/Day-72_Portfolio/css.png diff --git a/HTML Pages/Portfolio.html b/public/Day-72_Portfolio/index.html similarity index 88% rename from HTML Pages/Portfolio.html rename to public/Day-72_Portfolio/index.html index 9ea6d99d..ea513da6 100644 --- a/HTML Pages/Portfolio.html +++ b/public/Day-72_Portfolio/index.html @@ -4,7 +4,7 @@ Your Name - Captivating Portfolio - + @@ -48,9 +48,9 @@

Hi, I'm Priya

I'm a passionate web developer specializing in frontend development and a dedicated problem-solver.

- Your Photo 1 - Your Photo 2 - Your Photo 3 + Your Photo 1 + Your Photo 2 + Your Photo 3
- - + + \ No newline at end of file diff --git a/CSS/Space-Shooter.css b/public/Space-War-Game/style.css similarity index 100% rename from CSS/Space-Shooter.css rename to public/Space-War-Game/style.css diff --git a/HTML Pages/StopWatch.html b/public/Stopwatch/index.html similarity index 84% rename from HTML Pages/StopWatch.html rename to public/Stopwatch/index.html index 216dd7ff..a55f097e 100644 --- a/HTML Pages/StopWatch.html +++ b/public/Stopwatch/index.html @@ -4,7 +4,7 @@ Stopwatch - +

Stopwatch

@@ -18,6 +18,6 @@

Stopwatch

- + \ No newline at end of file diff --git a/Logic/StopWatch.js b/public/Stopwatch/script.js similarity index 100% rename from Logic/StopWatch.js rename to public/Stopwatch/script.js diff --git a/CSS/StopWatch.css b/public/Stopwatch/styles.css similarity index 100% rename from CSS/StopWatch.css rename to public/Stopwatch/styles.css diff --git a/Readme/Student-Grade-Analyzer.md b/public/Student_Grade_Analyzer/README.md similarity index 100% rename from Readme/Student-Grade-Analyzer.md rename to public/Student_Grade_Analyzer/README.md diff --git a/HTML Pages/Student Grade Analyzer.html b/public/Student_Grade_Analyzer/index.html similarity index 94% rename from HTML Pages/Student Grade Analyzer.html rename to public/Student_Grade_Analyzer/index.html index c0f47b7f..8b051e6c 100644 --- a/HTML Pages/Student Grade Analyzer.html +++ b/public/Student_Grade_Analyzer/index.html @@ -6,7 +6,7 @@ πŸŽ“ Student Grade Analyzer - +