diff --git a/Web Development/Basic/RGB Color Slider/README.md b/Web Development/Basic/RGB Color Slider/README.md
new file mode 100644
index 000000000..9bfe8e083
--- /dev/null
+++ b/Web Development/Basic/RGB Color Slider/README.md
@@ -0,0 +1,7 @@
+# RGB Color Slider
+
+You can view my project at [Link](https://rgb-color-slider-ebon.vercel.app/)
+
+Here's a preview,
+
+![Screenshot 2024-06-28 103530](https://github.com/AmrutaJayanti/Project-Guidance/assets/142327526/79126243-edbd-4750-9da7-62e4824dafb9)
diff --git a/Web Development/Basic/RGB Color Slider/index.html b/Web Development/Basic/RGB Color Slider/index.html
new file mode 100644
index 000000000..2c4e09270
--- /dev/null
+++ b/Web Development/Basic/RGB Color Slider/index.html
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+ RGB Color Slider
+
+
+
+ Adjust Your Values
+
+
+
+
+
+
+
diff --git a/Web Development/Basic/RGB Color Slider/script.js b/Web Development/Basic/RGB Color Slider/script.js
new file mode 100644
index 000000000..669867e29
--- /dev/null
+++ b/Web Development/Basic/RGB Color Slider/script.js
@@ -0,0 +1,56 @@
+var sliderR = document.getElementById("R");
+var sliderG = document.getElementById("G");
+var sliderB = document.getElementById("B");
+var square = document.getElementById("square");
+
+var outputR = document.getElementById("OutputR");
+var outputG = document.getElementById("OutputG");
+var outputB = document.getElementById("OutputB");
+
+outputR.innerHTML = sliderR.value;
+outputG.innerHTML = sliderG.value;
+outputB.innerHTML = sliderB.value;
+
+sliderR.oninput = function() {
+ outputR.innerHTML = this.value;
+ changeColor();
+}
+
+sliderG.oninput = function() {
+ outputG.innerHTML = this.value;
+ changeColor();
+}
+
+sliderB.oninput = function() {
+ outputB.innerHTML = this.value;
+ changeColor();
+}
+
+function rgbToHex(r, g, b) {
+ return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase();
+}
+
+function changeColor() {
+ var r = sliderR.value;
+ var g = sliderG.value;
+ var b = sliderB.value;
+ var hexColor = rgbToHex(parseInt(r), parseInt(g), parseInt(b));
+ square.style.backgroundColor = `rgb(${r},${g},${b})`;
+ document.querySelector(".hexacode").innerText = hexColor;
+}
+
+function handleKeyDown(event) {
+ const step = event.shiftKey ? 10 : 1;
+ if (event.key === 'ArrowUp' || event.key === 'ArrowRight') {
+ this.value = Math.min(parseInt(this.value) + step, 255);
+ } else if (event.key === 'ArrowDown' || event.key === 'ArrowLeft') {
+ this.value = Math.max(parseInt(this.value) - step, 0);
+ }
+ changeColor();
+}
+
+sliderR.addEventListener('keydown', handleKeyDown);
+sliderG.addEventListener('keydown', handleKeyDown);
+sliderB.addEventListener('keydown', handleKeyDown);
+
+changeColor();
diff --git a/Web Development/Basic/RGB Color Slider/style.css b/Web Development/Basic/RGB Color Slider/style.css
new file mode 100644
index 000000000..3280ef4e4
--- /dev/null
+++ b/Web Development/Basic/RGB Color Slider/style.css
@@ -0,0 +1,28 @@
+.container , .H
+ {
+ display:flex;
+ justify-content: center;
+ }
+
+#square {
+ height: 200px;
+ width: 200px;
+ background-color: rgb(0,0,0);
+
+ }
+
+body{
+ background-color: rgb(220, 220, 220);
+}
+#hexa
+{
+ font: bolder;
+ font-size: larger;
+ font-weight: bolder;
+ border:black 2px solid;
+
+}
+.H
+{
+ padding: 5px;
+}
\ No newline at end of file
diff --git a/Web Development/Intermediate/post-memories-app/client/package-lock.json b/Web Development/Intermediate/post-memories-app/client/package-lock.json
index edd3702ca..89cc3b0e4 100644
--- a/Web Development/Intermediate/post-memories-app/client/package-lock.json
+++ b/Web Development/Intermediate/post-memories-app/client/package-lock.json
@@ -3628,11 +3628,21 @@
}
},
"braces": {
- "version": "3.0.2",
- "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
- "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+ "version": "3.0.3",
+ "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+ "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
"requires": {
- "fill-range": "^7.0.1"
+ "fill-range": "^7.1.1"
+ },
+ "dependencies": {
+ "fill-range": {
+ "version": "7.1.1",
+ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+ "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+ "requires": {
+ "to-regex-range": "^5.0.1"
+ }
+ }
}
},
"browser-process-hrtime": {
@@ -5655,14 +5665,6 @@
"resolved": "https://registry.npmjs.org/filesize/-/filesize-8.0.7.tgz",
"integrity": "sha512-pjmC+bkIF8XI7fWaH8KxHcZL3DPybs1roSKP4rKDvy20tAWwIObE4+JIseG2byfGKhud5ZnM4YSGKBz7Sh0ndQ=="
},
- "fill-range": {
- "version": "7.0.1",
- "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
- "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
- "requires": {
- "to-regex-range": "^5.0.1"
- }
- },
"find-cache-dir": {
"version": "3.3.2",
"resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
diff --git a/Web Development/README.md b/Web Development/README.md
index 82f0f5584..3e9812e2b 100644
--- a/Web Development/README.md
+++ b/Web Development/README.md
@@ -12,32 +12,35 @@
## Level 1: Basic 🚀
-| S-No. | Projects | S-No. | Projects | S-No. | Projects |
-| :---- | :------------------------------------------------------------------------------------------------------------------------------------------------------------ | :---- | :------------------------------------------------------------------------------------------------------------------------------------------- | :---- | :------------------------------------------------------------------------------------------------------------------------------------------------------ | --- | -------------------------------------------------------------------------------------------------------------------- |
-| 01. | [Atom Animated](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Atom%20animated) | 02. | [BaseX Calculator](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/BaseX_Calculator) | 03. | [Basic Banking System](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Basic%20Banking%20System) |
-| 04. | [Basic Calculator App](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Basic%20Calculator%20App) | 05. | [Bean Eater Loader](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Bean%20Eater%20Loader) | 06. | [Blinking Game](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Blinking%20Game) |
-| 07. | [Block Retro Mario Game](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Block%20Retro%20Mario%20Game) | 08. | [Budgeting App](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Budgeting%20App) | 09. | [Burger Eye](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Burger%20Eye) |
-| 10. | [Casio](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Casio) | 11. | [Claymorphic profile card](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Claymorphic%20profile%20card) | 12. | [Colour Code Convertor](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Color_Code_Converter) |
-| 13. | [Colorful Rain Effect](https://github.com/rajprem4214/Project-Guidance/tree/rain/Web%20Development/Basic/Colorful%20Rain%20Effect) | 14. | [Contact Form](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Contact%20Form) | 15. | [Cubic Equation Solver](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Cubic_Equation_Solver) |
-| 16. | [Discord App Clone](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Discord_App_Clone) | 17. | [Donation Website](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Donation%20Website) | 18. | [Drinks Recipe Website]() |
-| 19. | [Drum Kit](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Drum%20Kit) | 20. | [Form Validation](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Form%20Validation) | 21. | [Glowing icons with hover](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Glowing%20icons%20with%20hover) |
-| 22. | [Google Clone](https://github.com/SamarpanCoder2002/Project-Guidance/tree/main/Web%20Development/Basic/Google%20Clone) | 23. | [Google Homepage Clone](https://github.com/rajprem4214/Project-Guidance/tree/gclone/Web%20Development/Basic/Google%20Homepage%20Clone) | 24. | [Hangman Game](https://github.com/rittikadeb/Project-Guidance/tree/hangman-game/Web%20Development/Basic/Hangman%20Game) |
-| 25. | [Instagram Login Page Clone](https://github.com/abhilipsasahoo03/Project-Guidance/tree/main/Web%20Development%2FBasic%2FInstagram%20Login%20Page%20Clone) | 26. | [JTM Project](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/JTM%20Project) | 27. | [Live Character Counter](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Live%20Character%20Counter) |
-| 28. | [Meme Generator](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Meme-Generator) | 29. | [MixChill(Music_Player)]() | 30. | [Multiply JSP](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Multiply%20JSP) |
-| 31. | [MyOnlineMeals](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/MyOnlineMeals) | 32. | [Netflix LandingPage](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Netflix%20Landing%20Page) | 33. | [Neumorphic Clock](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Neumorphic%20Clock) |
-| 34. | [Node Mailer](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/NodeMailer) | 35. | [Notes Taking App](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Notes%20Taking%20App) | 36. | [Online Restaurant](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Online%20Restaurant) |
-| 37. | [Parallex Web Design](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Parallex-Web-Design) | 38. | [Perfect Number Checker](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Perfect%20Number%20Checker) | 39. | [Personal Portfolio Website](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Personal%20Portfolio%20Website) |
-| 40. | [Ping-pong-Python](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Ping-pong-Python) | 41. | [Pomodoro-Timer](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Pomodoro-Timer) | 42. | [Quiz Website](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Quiz%20Website) |
-| 43. | [Quote Generator](https://github.com/SomyaRanjanSahu/Project-Guidance/tree/somya/Web%20Development/Basic/Quote%20Generator) | 44. | [Random Joke Generator](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Random%20Joke%20Generator) | 45. | [Reach To The End Game](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Reach%20To%20The%20End%20Game) |
-| 46. | [Rock Paper Scissors](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/RockPaperScissors) | 47. | [Roll Dice](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Roll%20Dice) | 48. | [Service providing website](https://github.com/charu1603/Project-Guidance/tree/main/Web%20Development/Intermediate/Service%20providing%20website) |
-| 49. | [Simon Game](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Simon%20Game) | 50. | [Slide And Collect Game](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Slide%20And%20Collect%20Game) | 51. | [Snake Game](https://github.com/Rashmisingh-18/Project-Guidance/tree/main/Web%20Development/Basic/Snake%20Game) |
-| 52. | [Spotify Landing Page Clone](https://github.com/abhilipsasahoo03/Project-Guidance/tree/my-patch/Web%20Development%2FBasic%2FSpotify%20Landing%20Page%20Clone) | 53. | [Sticky Notes](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Sticky%20Notes) | 54. | [Teams Clone](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Teams%20Clone) |
-| 55. | [Technical Documentation Page](https://adhetya.github.io/Technical_Documentation_Page/) | 56. | [Temperature Converter](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Temperature%20Converter) | 57. | [Tetris Game](https://github.com/SomyaRanjanSahu/Project-Guidance/tree/somya/Web%20Development/Basic/Tetris%20Game) |
-| 58. | [Tip Calculator](https://github.com/RiyaBhandari-2811/Project-Guidance/tree/TipForm/Web%20Development) | 59. | [To Do App](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/To%20Do%20App) | 60. | [Tourist Places](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Tourist%20Places) |
-| 61. | [Trimorphic Number Checker](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Trimorphic%20Number%20Checker) | 62. | [Type Writer Effect](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Type%20Writer%20Effect) | 63. | [Weather App](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Weather%20App) |
-| 64. | [White Board](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/White%20Board) | 65. | [Blurry Loading](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/blurry_loading) | 66. | [Flipbook](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/flipbook) |
-| 67. | [Pinterest Static](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/pinterest-static) | 68. | [Food Menu Cart](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Food%20Menu%20Cart) | 69. | [Weight Converter](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Weight-Converter) |
-| 70. | [Zomato Landing Page](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Zomato-Landing-Page) | 71. | [MarkdownPreviewer](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Markdown%20Previewer) | 72. | [Amazon-Clone](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Amazon-Clone) | 73. | [Age_Calculator](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Age_Calculator) |
+| S-No. | Projects | S-No. | Projects | S-No. | Projects |
+|:--|:--|:--|:--|:--|:--|
+| 01. | [Atom Animated](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Atom%20animated) | 02. | [BaseX Calculator](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/BaseX_Calculator) | 03. | [Basic Banking System](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Basic%20Banking%20System) |
+| 04. | [Basic Calculator App](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Basic%20Calculator%20App) | 05. | [Bean Eater Loader](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Bean%20Eater%20Loader) | 06. | [Blinking Game](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Blinking%20Game) |
+| 07. | [Block Retro Mario Game](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Block%20Retro%20Mario%20Game) | 08. | [Budgeting App](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Budgeting%20App) | 09. | [Burger Eye](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Burger%20Eye) |
+| 10. | [Casio](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Casio) | 11. | [Claymorphic profile card](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Claymorphic%20profile%20card) | 12. | [Colour Code Convertor](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Color_Code_Converter) |
+| 13. | [Colorful Rain Effect](https://github.com/rajprem4214/Project-Guidance/tree/rain/Web%20Development/Basic/Colorful%20Rain%20Effect) | 14. | [Contact Form](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Contact%20Form) | 15. | [Cubic Equation Solver](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Cubic_Equation_Solver)
+| 16. | [Discord App Clone](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Discord_App_Clone) | 17. | [Donation Website](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Donation%20Website) | 18. | [Drinks Recipe Website](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Drinks%20Recipe%20Website(FruitNotBooze)) |
+| 19. | [Drum Kit](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Drum%20Kit) | 20. | [Form Validation](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Form%20Validation) | 21. | [Glowing icons with hover](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Glowing%20icons%20with%20hover) |
+| 22. | [Google Clone](https://github.com/SamarpanCoder2002/Project-Guidance/tree/main/Web%20Development/Basic/Google%20Clone) | 23. | [Google Homepage Clone](https://github.com/rajprem4214/Project-Guidance/tree/gclone/Web%20Development/Basic/Google%20Homepage%20Clone) | 24. | [Hangman Game](https://github.com/rittikadeb/Project-Guidance/tree/hangman-game/Web%20Development/Basic/Hangman%20Game) |
+| 25. | [Instagram Login Page Clone](https://github.com/abhilipsasahoo03/Project-Guidance/tree/main/Web%20Development%2FBasic%2FInstagram%20Login%20Page%20Clone) | 26. | [JTM Project](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/JTM%20Project) | 27. | [Live Character Counter](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Live%20Character%20Counter) |
+| 28. | [Meme Generator](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Meme-Generator) | 29. | [MixChill(Music_Player)](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/MixChill(Music_Player)) | 30. | [Multiply JSP](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Multiply%20JSP) |
+| 31.| [MyOnlineMeals](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/MyOnlineMeals) | 32. | [Netflix LandingPage](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Netflix%20Landing%20Page) | 33. | [Neumorphic Clock](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Neumorphic%20Clock) |
+| 34. | [Node Mailer](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/NodeMailer) | 35. | [Notes Taking App](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Notes%20Taking%20App) | 36. | [Online Restaurant](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Online%20Restaurant) |
+| 37. | [Parallex Web Design](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Parallex-Web-Design) | 38. | [Perfect Number Checker](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Perfect%20Number%20Checker) | 39. | [Personal Portfolio Website](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Personal%20Portfolio%20Website) |
+| 40. | [Ping-pong-Python](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Ping-pong-Python) | 41. | [Pomodoro-Timer](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Pomodoro-Timer) | 42. | [Quiz Website](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Quiz%20Website) |
+| 43. | [Quote Generator](https://github.com/SomyaRanjanSahu/Project-Guidance/tree/somya/Web%20Development/Basic/Quote%20Generator) | 44. | [Random Joke Generator](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Random%20Joke%20Generator) | 45. | [Reach To The End Game](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Reach%20To%20The%20End%20Game) |
+| 46. | [Rock Paper Scissors](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/RockPaperScissors) | 47. | [Roll Dice](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Roll%20Dice) | 48. | [Service providing website](https://github.com/charu1603/Project-Guidance/tree/main/Web%20Development/Intermediate/Service%20providing%20website) |
+| 49. | [Simon Game](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Simon%20Game) | 50. | [Slide And Collect Game](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Slide%20And%20Collect%20Game) | 51. | [Snake Game](https://github.com/Rashmisingh-18/Project-Guidance/tree/main/Web%20Development/Basic/Snake%20Game) |
+| 52. | [Spotify Landing Page Clone](https://github.com/abhilipsasahoo03/Project-Guidance/tree/my-patch/Web%20Development%2FBasic%2FSpotify%20Landing%20Page%20Clone) | 53. | [Sticky Notes](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Sticky%20Notes) | 54. | [Teams Clone](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Teams%20Clone) |
+| 55. | [Technical Documentation Page](https://adhetya.github.io/Technical_Documentation_Page/) | 56. | [Temperature Converter](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Temperature%20Converter) | 57. | [Tetris Game](https://github.com/SomyaRanjanSahu/Project-Guidance/tree/somya/Web%20Development/Basic/Tetris%20Game) |
+| 58. | [Tip Calculator](https://github.com/RiyaBhandari-2811/Project-Guidance/tree/TipForm/Web%20Development) | 59. | [To Do App](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/To%20Do%20App) | 60. | [Tourist Places](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Tourist%20Places) |
+| 61. | [Trimorphic Number Checker](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Trimorphic%20Number%20Checker) | 62. | [Type Writer Effect](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Type%20Writer%20Effect) | 63. | [Weather App](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Weather%20App) |
+| 64. | [White Board](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/White%20Board) | 65. | [Blurry Loading](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/blurry_loading) | 66. | [Flipbook](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/flipbook) |
+| 67. | [Pinterest Static](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/pinterest-static) | 68. | [Food Menu Cart](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Food%20Menu%20Cart) | 69. | [Weight Converter](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Weight-Converter) |
+| 70. | [Zomato Landing Page](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Zomato-Landing-Page) | 71. | [MarkdownPreviewer](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Markdown%20Previewer) | 72. | [Amazon-Clone](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/Amazon-Clone)
+| 73. | [RGB Color Slider](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/RGB%20Color%20Slider) |
+ 74. | [Age_Calculator](https://github.com/Kushal997-das/Project-Guidance/tree/main/Web%20Development/Basic/RGB%20Color%20Slider)
+
diff --git a/website/readme.md b/website/readme.md
new file mode 100644
index 000000000..8b1378917
--- /dev/null
+++ b/website/readme.md
@@ -0,0 +1 @@
+