Interactive Virtual Plant Care Guide

index.html

@@ -1016,6 +1016,42 @@ <h3 class="card-heading">Password Toggle</h3>
                 </div>
             </a>
 
+            <a href="./projects/Habit tracker/index.html" class="card" target="_blank">
+                <div class="card-cover">
+                    <img src="https://png.pngtree.com/png-clipart/20220922/ourmid/pngtree-orange-habits-lettering-png-image_238400.png" alt="habits logo">
+                </div>
+                <div class="card-content">
+                    <h3 class="card-heading">Habit tracker</h3>
+                    <p class="card-description">
+                        Tracks habits
+                    </p>
+                </div>
+            </a>
+
+            <a href="./projects/Creative writing/index.html" class="card" target="_blank">
+                <div class="card-cover">
+                    <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS325y5j-qCXu3eyEupAGOLRpuzNwnlukvjGw&s" alt="creative writing logo">
+                </div>
+                <div class="card-content">
+                    <h3 class="card-heading">Creative writing</h3>
+                    <p class="card-description">
+                        Generates creative writing prompts
+                    </p>
+                </div>
+            </a>
+
+            <a href="./projects/Plant care/index.html" class="card" target="_blank">
+                <div class="card-cover">
+                    <img src="data:image/jpeg;base64,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" alt="plant">
+                </div>
+                <div class="card-content">
+                    <h3 class="card-heading">Interactive Virtual Plant Care Guide</h3>
+                    <p class="card-description">
+                        The best guide for your gardening journey!
+                    </p>
+                </div>
+            </a>
+
 
             <!-- START -->
             <a href="./projects/githubProfileViewer/index.html" class="card" target="_blank">

projects/Creative writing/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Creative Writing Prompt Generator</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="container">
+        <h1>Creative Writing Prompt Generator</h1>
+        <button id="generateBtn">Generate Prompt</button>
+        <div id="promptDisplay"></div>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>

projects/Creative writing/script.js

@@ -0,0 +1,18 @@
+// script.js
+const prompts = [
+    "Write a story about a character who can’t stop telling lies.",
+    "Imagine a world where people can live forever. How does society function?",
+    "Write a letter to your future self 10 years from now.",
+    "Describe the last day of a forgotten civilization.",
+    "Write about a character who discovers they can control the weather.",
+    "You wake up one morning to find that gravity has reversed. What happens next?",
+    "Write a short story that takes place in a dream.",
+    "A character finds a mysterious object washed up on the shore. What is it?",
+    "In a world where animals can speak, write about a day in the life of a dog.",
+    "Write a story about someone who receives a message from their future self."
+];
+
+document.getElementById("generateBtn").addEventListener("click", function() {
+    const randomIndex = Math.floor(Math.random() * prompts.length);
+    document.getElementById("promptDisplay").textContent = prompts[randomIndex];
+});

projects/Creative writing/styles.css

@@ -0,0 +1,79 @@
+/* styles.css */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    background: linear-gradient(135deg, #74ebd5, #ACB6E5);
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #333;
+}
+
+.container {
+    background: white;
+    padding: 40px;
+    border-radius: 15px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+    max-width: 600px;
+    width: 100%;
+    text-align: center;
+    transition: all 0.3s ease;
+}
+
+.container:hover {
+    transform: translateY(-10px);
+}
+
+h1 {
+    font-size: 2.5rem;
+    color: #007BFF;
+    margin-bottom: 20px;
+    letter-spacing: 1px;
+}
+
+#promptDisplay {
+    margin-top: 30px;
+    font-size: 1.4rem;
+    color: #555;
+    background-color: #f9f9f9;
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.05);
+    min-height: 80px;
+    transition: background-color 0.3s ease;
+}
+
+#promptDisplay:hover {
+    background-color: #e8f4ff;
+}
+
+button {
+    padding: 12px 25px;
+    font-size: 1.1rem;
+    color: white;
+    background: linear-gradient(135deg, #007BFF, #00A8FF);
+    border: none;
+    border-radius: 50px;
+    cursor: pointer;
+    box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3);
+    transition: all 0.3s ease;
+    outline: none;
+}
+
+button:hover {
+    background: linear-gradient(135deg, #0056b3, #007BFF);
+    transform: translateY(-3px);
+    box-shadow: 0 8px 20px rgba(0, 123, 255, 0.4);
+}
+
+button:active {
+    transform: translateY(1px);
+    box-shadow: 0 3px 10px rgba(0, 123, 255, 0.2);
+}
+

projects/Habit tracker/index.html

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Habit Tracker</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="container">
+        <h1>Habit Tracker</h1>
+        <input type="text" id="habitInput" placeholder="Enter a new habit" />
+        <button id="addHabitBtn">Add Habit</button>
+
+        <div class="habits-list">
+            <h2>Your Habits</h2>
+            <ul id="habitList"></ul>
+        </div>
+    </div>
+
+    <script src="script.js"></script>
+</body>
+</html>

projects/Habit tracker/script.js

@@ -0,0 +1,23 @@
+document.getElementById('addHabitBtn').addEventListener('click', addHabit);
+
+function addHabit() {
+    const habitInput = document.getElementById('habitInput');
+    const habitText = habitInput.value.trim();
+
+    if (habitText) {
+        const habitList = document.getElementById('habitList');
+        const li = document.createElement('li');
+        li.innerHTML = `
+            ${habitText} <button onclick="removeHabit(this)">Remove</button>
+        `;
+        habitList.appendChild(li);
+        habitInput.value = ''; // Clear input
+    } else {
+        alert('Please enter a habit!');
+    }
+}
+
+function removeHabit(button) {
+    const li = button.parentElement;
+    li.remove();
+}

projects/Habit tracker/styles.css

@@ -0,0 +1,91 @@
+body {
+    font-family: 'Arial', sans-serif;
+    background-color: #eef2f3;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+}
+
+.container {
+    background: white;
+    border-radius: 15px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+    padding: 30px;
+    width: 400px;
+    text-align: center;
+}
+
+h1 {
+    color: #333;
+    margin-bottom: 20px;
+}
+
+input[type="text"] {
+    width: calc(100% - 22px);
+    padding: 12px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    margin-bottom: 15px;
+    transition: border-color 0.3s;
+}
+
+input[type="text"]:focus {
+    border-color: #007bff;
+    outline: none;
+}
+
+button {
+    padding: 12px 15px;
+    border: none;
+    border-radius: 5px;
+    background-color: #007bff;
+    color: white;
+    font-size: 16px;
+    cursor: pointer;
+    transition: background-color 0.3s, transform 0.2s;
+}
+
+button:hover {
+    background-color: #0056b3;
+    transform: translateY(-2px);
+}
+
+.habits-list {
+    margin-top: 30px;
+}
+
+ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+li {
+    background: #f8f9fa;
+    border-radius: 5px;
+    padding: 15px;
+    margin: 10px 0;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    transition: background-color 0.3s;
+}
+
+li:hover {
+    background: #e2e6ea;
+}
+
+li button {
+    background: transparent;
+    border: none;
+    color: #dc3545;
+    font-size: 16px;
+    cursor: pointer;
+    transition: color 0.3s;
+}
+
+li button:hover {
+    color: #c82333;
+}

projects/Plant care/index.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Virtual Plant Care Guide</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="container">
+        <h1>Virtual Plant Care Guide</h1>
+        <p>Select a plant to learn how to care for it:</p>
+        <div class="plant-selection">
+            <button class="plant-btn" data-plant="cactus">Cactus</button>
+            <button class="plant-btn" data-plant="fern">Fern</button>
+            <button class="plant-btn" data-plant="succulent">Succulent</button>
+            <button class="plant-btn" data-plant="orchid">Orchid</button>
+        </div>
+        <div id="plant-care-details" class="plant-care-details">
+            <h2>Plant Care Details</h2>
+            <p id="care-info">Select a plant to view its care guide.</p>
+        </div>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>