Implemented CRUD functionality and frontend design

Answers to technical questions.md

@@ -0,0 +1,48 @@
+Question 1: How long did you spend on the coding test? What would you add to your solution if you had more time? If you didn't spend much time on the coding test, then use this as an opportunity to explain what you would add.
+I spent approximately 2 hours on the coding test. Given more time, I would focus on the following improvements:
+
+Enhanced Validation: Implement more robust input validation to ensure data integrity and prevent potential security vulnerabilities.
+
+Error Handling: Implement comprehensive error handling to provide meaningful feedback to users and log errors for troubleshooting purposes.
+
+User Authentication: Integrate user authentication for secure access to CRUD functionality.
+
+Code Refactoring: Optimize and refactor the code for better readability, maintainability, and adherence to coding standards.
+
+Question 2: How would you track down a performance issue in production? Have you ever had to do this?
+To track down a performance issue in production, I would follow these steps:
+
+Monitoring Tools: Utilize monitoring tools like New Relic, Datadog, or built-in server monitoring to identify any anomalies in resource usage, response times, and throughput.
+
+Logging: Analyze server logs and application logs to pinpoint any specific errors or patterns that may be causing performance degradation.
+
+Database Profiling: Examine database query performance using tools like MySQL's EXPLAIN statement or ORM-specific profiling tools.
+
+Code Profiling: Use profiling tools such as Xdebug or built-in profilers in frameworks to identify bottlenecks in the application code.
+
+Load Testing: Conduct load testing to simulate high traffic scenarios and identify how the system performs under stress.
+
+Question 3: Please describe yourself using JSON.
+json
+Copy code
+{
+"name": "Dharmraj Dilip Bhise",
+"role": "Full Stack Developer",
+"skills": ["PHP", "JavaScript","Jquery","Wordpress" ,"HTML", "CSS", "MySQL"],
+"experience": {
+"years": 0,
+"specialties": ["Web Development", "RESTful APIs", "Database Design"]
+},
+"education": {
+"degree": "Bachelor of Engineering",
+"university": "Savitribai Phule Pune University"
+},
+"certifications": ["TCS-ion Career-Edge Young Professionals"],
+"interests": ["Open-source projects", "Continuous learning", "Problem-solving"],
+"personal_traits": {
+"communication": "Excellent",
+"team_player": true,
+"attention_to_detail": true
+}
+}
+This JSON represents my professional background, skills, experience, education, certifications, and personal traits. I am passionate about web development, enjoy contributing to open-source projects, and thrive in collaborative environments. My continuous learning mindset and attention to detail contribute to my problem-solving abilities.

create.php

@@ -0,0 +1,24 @@
+<?php
+//database connection file
+include 'db_connection.php';
+
+// Check if the form is submitted
+if ($_SERVER['REQUEST_METHOD'] == 'POST') {
+    // Get form data
+    $name = $_POST['name'];
+    $description = $_POST['description'];
+
+    // Insert data into the database
+    $sql = "INSERT INTO your_table_name (name, description) VALUES ('$name', '$description')";
+    $result = mysqli_query($conn, $sql);
+
+    if ($result) {
+        echo "Record added successfully";
+    } else {
+        echo "Error: " . $sql . "<br>" . mysqli_error($conn);
+    }
+}
+
+// Close database connection
+mysqli_close($conn);
+?>

db_connection.php

@@ -0,0 +1,14 @@
+<?php
+$servername = "localhost"; // Change to your database server hostname
+$username = "root"; // Change to your database username
+$password = "Bhise@123"; // Change to your database password
+$dbname = "wpoet"; // Change to your database name
+
+// Create connection
+$conn = mysqli_connect($servername, $username, $password, $dbname);
+
+// Check connection
+if (!$conn) {
+    die("Connection failed: " . mysqli_connect_error());
+}
+?>

delete.php

@@ -0,0 +1,23 @@
+<?php
+// Include database connection file
+include 'db_connection.php';
+
+// Check if the form is submitted
+if ($_SERVER['REQUEST_METHOD'] == 'POST') {
+    // Get form data
+    $id = $_POST['id'];
+
+    // Delete data from the database
+    $sql = "DELETE FROM your_table_name WHERE id=$id";
+    $result = mysqli_query($conn, $sql);
+
+    if ($result) {
+        echo "Record deleted successfully";
+    } else {
+        echo "Error: " . $sql . "<br>" . mysqli_error($conn);
+    }
+}
+
+// Close database connection
+mysqli_close($conn);
+?>

index.html

@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>DelphianLogic in Action</title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="/style.css" />
+    <script async src="/script.js"></script>
+  </head>
+  <body>
+    <div class="header">
+      <h1>DelphianLogic in Action</h1>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean commodo
+      </p>
+    </div>
+    <div class="navbar">
+      <a href="#">Learning</a>
+      <a href="#">Technology</a>
+      <a href="#">Communication</a>
+    </div>
+    <div class="content">
+      <div class="left">
+        <h2>DIGITAL LEARNING INFRASTRUCTURE</h2>
+        <h3>
+          Usability enhancement and Training for Transaction Portal for
+          Customers
+        </h3>
+        <a href="#" class="learn-more">Learn More</a>
+      </div>
+      <div class="right">
+        <img
+          src="./../full-stack-test/files/images/arrow-right.svg"
+          alt="Hand pointing to text"
+        />
+      </div>
+    </div>
+    <div class="footer">
+      <div class="circle active"></div>
+      <div class="circle"></div>
+      <div class="circle"></div>
+    </div>
+  </body>
+</html>

read.php

@@ -0,0 +1,16 @@
+<?php
+// Include database connection file
+include 'db_connection.php';
+
+// Select data from the database
+$sql = "SELECT * FROM your_table_name";
+$result = mysqli_query($conn, $sql);
+
+// Fetch data and display
+while ($row = mysqli_fetch_assoc($result)) {
+    echo "ID: " . $row['id'] . " Name: " . $row['name'] . " Description: " . $row['description'] . "<br>";
+}
+
+// Close database connection
+mysqli_close($conn);
+?>

script.js

@@ -0,0 +1,39 @@
+// Get the elements by class name
+let circles = document.getElementsByClassName("circle");
+
+// Loop through the circles and add a click event listener to each one
+for (let i = 0; i < circles.length; i++) {
+  circles[i].addEventListener("click", function () {
+    // Remove the active class from the current circle
+    let current = document.getElementsByClassName("active");
+    current[0].className = current[0].className.replace(" active", "");
+    // Add the active class to the clicked circle
+    this.className += " active";
+    // Change the content and image according to the clicked circle
+    switch (i) {
+      case 0:
+        document.querySelector(".left h2").innerHTML =
+          "DIGITAL LEARNING INFRASTRUCTURE";
+        document.querySelector(".left h3").innerHTML =
+          "Usability enhancement and Training for Transaction Portal for Customers";
+        document.querySelector(".right img").src =
+          "./../full-stack-test/files/images/DL-learning.svg";
+        break;
+      case 1:
+        document.querySelector(".left h2").innerHTML = "TECHNOLOGY SOLUTIONS";
+        document.querySelector(".left h3").innerHTML =
+          "Customized software development and integration for various domains";
+        document.querySelector(".right img").src =
+          "./../full-stack-test/files/images/DL-Technology.jpg";
+        break;
+      case 2:
+        document.querySelector(".left h2").innerHTML =
+          "COMMUNICATION STRATEGIES";
+        document.querySelector(".left h3").innerHTML =
+          "Effective and engaging content creation and delivery for diverse audiences";
+        document.querySelector(".right img").src =
+          "./../full-stack-test/files/images/DL-Communication.jpg";
+        break;
+    }
+  });
+}

style.css

@@ -0,0 +1,87 @@
+body {
+    font-family: Arial, Helvetica, sans-serif;
+    text-align: center;
+    background-color: #1abc9c;
+    color: white;
+    margin: 0;
+  }
+
+  .header {
+    padding: 80px;
+  }
+
+  .navbar {
+    overflow: hidden;
+    background-color: #333;
+  }
+
+  .navbar a {
+    float: left;
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+  }
+
+  .navbar a:hover {
+    background-color: #ddd;
+    color: black;
+  }
+
+  .content {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    margin: 40px;
+  }
+
+  .left {
+    width: 40%;
+  }
+
+  .right {
+    width: 40%;
+  }
+
+  h2 {
+    text-decoration: underline;
+  }
+
+  .learn-more {
+    display: inline-block;
+    padding: 10px 20px;
+    background-color: #333;
+    color: white;
+    text-decoration: none;
+  }
+
+  .learn-more:hover {
+    background-color: #ddd;
+    color: black;
+  }
+
+  .footer {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .circle {
+    height: 15px;
+    width: 15px;
+    margin: 5px;
+    border-radius: 50%;
+    background-color: #ddd;
+  }
+
+  .active {
+    background-color: #333;
+  }
+
+  @media screen and (max-width: 600px) {
+    .content {
+      flex-direction: column;
+    }
+  }
+

update.php

@@ -0,0 +1,25 @@
+<?php
+// Include database connection file
+include 'db_connection.php';
+
+// Check if the form is submitted
+if ($_SERVER['REQUEST_METHOD'] == 'POST') {
+    // Get form data
+    $id = $_POST['id'];
+    $name = $_POST['name'];
+    $description = $_POST['description'];
+
+    // Update data in the database
+    $sql = "UPDATE your_table_name SET name='$name', description='$description' WHERE id=$id";
+    $result = mysqli_query($conn, $sql);
+
+    if ($result) {
+        echo "Record updated successfully";
+    } else {
+        echo "Error: " . $sql . "<br>" . mysqli_error($conn);
+    }
+}
+
+// Close database connection
+mysqli_close($conn);
+?>