From 839909ee3da4afefc386b7da71640978f6f5e264 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B2=A9=E6=B1=9F=E8=92=BC=E6=A8=B9?= Date: Mon, 18 Nov 2024 18:12:17 +0900 Subject: [PATCH] Make Customer review form looks like default screenshot. And I chenged to more modern JS. --- CustomerReviews/Sochan2/README.md | 26 +++ CustomerReviews/Sochan2/css/style.css | 246 +++++++++++++++++++++ CustomerReviews/Sochan2/img/customer1.png | Bin 0 -> 13198 bytes CustomerReviews/Sochan2/img/customer2.png | Bin 0 -> 12627 bytes CustomerReviews/Sochan2/img/customer3.png | Bin 0 -> 12686 bytes CustomerReviews/Sochan2/index.html | 55 +++++ CustomerReviews/Sochan2/js/customerData.js | 22 ++ CustomerReviews/Sochan2/js/main.js | 127 +++++++++++ ParticleSystem/mccoli/README.md | 2 +- 9 files changed, 477 insertions(+), 1 deletion(-) create mode 100644 CustomerReviews/Sochan2/README.md create mode 100644 CustomerReviews/Sochan2/css/style.css create mode 100644 CustomerReviews/Sochan2/img/customer1.png create mode 100644 CustomerReviews/Sochan2/img/customer2.png create mode 100644 CustomerReviews/Sochan2/img/customer3.png create mode 100644 CustomerReviews/Sochan2/index.html create mode 100644 CustomerReviews/Sochan2/js/customerData.js create mode 100644 CustomerReviews/Sochan2/js/main.js diff --git a/CustomerReviews/Sochan2/README.md b/CustomerReviews/Sochan2/README.md new file mode 100644 index 000000000..79a7e37ef --- /dev/null +++ b/CustomerReviews/Sochan2/README.md @@ -0,0 +1,26 @@ +# Customer Reviews Web Application + +## Overview +This project is a simple customer reviews web application that allows users to view and submit customer feedback. Users can browse through reviews, navigate between them, or view random ones. Additionally, new reviews can be added through a modal form. + +## Technologies Used +- **HTML5**: Structure of the web pages. +- **CSS3**: Styling the user interface with a modern, responsive design. +- **JavaScript**: Functionality for user interaction (e.g., displaying reviews, handling form submission). Use Object. +- **Framework**: No Framework, libraly + +## Features +- Display a list of customer reviews with associated images. +- Navigation buttons for cycling through reviews (Previous, Next, Random). +- A modal form to submit new reviews. +- Sidebar displaying all customers' names that link to their reviews. +- Ability to add a new review with a name, image URL, and customer feedback. + + +### Prerequisites +Make sure you have a web browser installed to run the app. You do not need any special software to run this application, as it is built using basic web technologies (HTML, CSS, JavaScript). + + + + + diff --git a/CustomerReviews/Sochan2/css/style.css b/CustomerReviews/Sochan2/css/style.css new file mode 100644 index 000000000..796afccdb --- /dev/null +++ b/CustomerReviews/Sochan2/css/style.css @@ -0,0 +1,246 @@ +body { + font-family: Arial, sans-serif; + display: flex; + justify-content: space-around; + align-items: center; + height: 100vh; + background: #f4f4f4; +} + +.review-container { + background: white; + padding: 20px; + box-shadow: 0 0 10px rgba(0,0,0,0.1); + text-align: center; + width: 500px; +} + +#customer-image { + width: 150px; + height: 150px; + border-radius: 50%; + margin: 20px auto; +} + +#customer-name, #customer-review { + font-size: 20px; + color: #4A148C; +} + +.button + +.buttons button { + padding: 10px 20px; + margin: 10px; + background-color: #43A047; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +.add-review{ + padding: 10px 20px; + margin: 10px; + background-color: #43A047; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +.buttons button:hover { + background-color: #2E7D32; +} + + +.modal { + display: none; + position: fixed; + z-index: 1; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0,0,0); + background-color: rgba(0,0,0,0.4); +} + +.modal-content { + background-color: #fefefe; + margin: 15% auto; + padding: 20px; + border: 1px solid #888; + width: 80%; +} + +.close { + color: #aaa; + float: right; + font-size: 28px; + font-weight: bold; +} + +.close:hover, +.close:focus { + color: black; + text-decoration: none; + cursor: pointer; +} + +input[type="text"], +textarea { + width: 95%; + padding: 12px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + box-sizing: border-box; +} + +button[type="submit"] { + background-color: #4CAF50; + color: white; + padding: 14px 20px; + margin: 8px 0; + border: none; + cursor: pointer; + width: 100%; +} + +button[type="submit"]:hover { + opacity: 0.8; +} + +/* Modal background */ +.modal { + display: none; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.6); + z-index: 1000; + justify-content: center; + align-items: center; +} + +/* Modal content */ +.modal-content { + background: #fff; + padding: 2rem; + border-radius: 8px; + width: 90%; + max-width: 400px; + text-align: center; + position: relative; + animation: fadeIn 0.3s ease; +} + +@keyframes fadeIn { + from { + opacity: 0; + transform: scale(0.9); + } + to { + opacity: 1; + transform: scale(1); + } +} + +/* Close button */ +.close { + position: absolute; + top: 10px; + right: 15px; + font-size: 1.5rem; + color: #333; + cursor: pointer; +} + +/* Form group */ +.form-group { + margin-bottom: 1.5rem; + text-align: left; +} + +label { + display: block; + margin-bottom: 0.5rem; + font-weight: bold; +} + +input, textarea { + width: 100%; + padding: 0.8rem; + border: 1px solid #ccc; + border-radius: 5px; + font-size: 1rem; + margin-top: 0.3rem; +} + +textarea { + resize: none; + height: 80px; +} + +/* Submit button */ +.submit-btn { + background: #007BFF; + color: #fff; + padding: 0.8rem 1.5rem; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 1rem; + transition: background 0.3s ease; +} + +.submit-btn:hover { + background: #0056b3; +} + +/* Add review button */ +.add-review-btn { + background: #28a745; + color: #fff; + padding: 0.8rem 1.5rem; + border: none; + border-radius: 5px; + cursor: pointer; + font-size: 1rem; + transition: background 0.3s ease; + position: fixed; + bottom: 20px; + right: 20px; +} + +.add-review-btn:hover { + background: #1e7e34; +} + +.sidebar { + width: 250px; + background-color: #f4f4f4; + padding: 20px; + position: fixed; + top: 0; + left: 0; + height: 100%; + overflow-y: auto; +} + +.sidebar div { + padding: 10px; + margin-bottom: 10px; + cursor: pointer; + background-color: #ddd; + border-radius: 4px; +} + +.sidebar div:hover { + background-color: #bbb; +} + diff --git a/CustomerReviews/Sochan2/img/customer1.png b/CustomerReviews/Sochan2/img/customer1.png new file mode 100644 index 0000000000000000000000000000000000000000..2d8d89e1a262c2761ea4a52c7ef31306fce0bbef GIT binary patch literal 13198 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 Ws-yh!72qFcKww#AnR4m(0sjL!s2{Na literal 0 HcmV?d00001 diff --git a/CustomerReviews/Sochan2/img/customer2.png b/CustomerReviews/Sochan2/img/customer2.png new file mode 100644 index 0000000000000000000000000000000000000000..9b4fba66c1e8aed0c00ee30e5789ccff0c2a6a50 GIT binary patch literal 12627 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 literal 0 HcmV?d00001 diff --git a/CustomerReviews/Sochan2/index.html b/CustomerReviews/Sochan2/index.html new file mode 100644 index 000000000..8679c662a --- /dev/null +++ b/CustomerReviews/Sochan2/index.html @@ -0,0 +1,55 @@ + + + + + + + Customer Reviews + + + + + + + +
+ Customer Photo +
+
+
+ + + +
+
+ + + + + + + + + \ No newline at end of file diff --git a/CustomerReviews/Sochan2/js/customerData.js b/CustomerReviews/Sochan2/js/customerData.js new file mode 100644 index 000000000..96b5187f6 --- /dev/null +++ b/CustomerReviews/Sochan2/js/customerData.js @@ -0,0 +1,22 @@ + +const userObject = [ + { + image: "./img/customer1.png", + name: "Bob Smith", + customerReview: "Very satisfied with the purchase." + }, + + { + image: "./img/customer2.png", + name: "Alice Johnson", + customerReview: "Great service and support!" + }, + + { + image: "./img/customer3.png", + name: "Carol White", + customerReview: "Could be better, but good overall." + } + +] + diff --git a/CustomerReviews/Sochan2/js/main.js b/CustomerReviews/Sochan2/js/main.js new file mode 100644 index 000000000..3ffe9a479 --- /dev/null +++ b/CustomerReviews/Sochan2/js/main.js @@ -0,0 +1,127 @@ +let index = 0; + + +function displayCustomer(newIndex){ + + if(newIndex<0){ + index = userObject.length -1; + } + else if (newIndex>=userObject.length){ + index=0; + } + else{ + index = newIndex; + } + + + + const customerImage = document.getElementById('customer-image'); + const customerName = document.getElementById('customer-name'); + const customerReview = document.getElementById('customer-review'); + + const customer = userObject[index]; + customerImage.src = customer.image; + customerName.textContent = customer.name; + customerReview.textContent = customer.customerReview; + + + return customer; + +} + +function preButton(){ + index--; + displayCustomer(index); + }; + + +function nextButton(){ + index++; + displayCustomer(index); + } + +function randomButton(){ + randomIndex = Math.floor(Math.random()*userObject.length); + displayCustomer(randomIndex); + }; + + + + +document.getElementById("prev").addEventListener("click",preButton); +document.getElementById("next").addEventListener("click",nextButton); +document.getElementById("random").addEventListener("click",randomButton); + + +displayCustomer(index); + + +//review + + +const modal = document.getElementById("review-form"); +const openFormBtn = document.getElementById("open-form"); +const closeFormBtn = document.getElementById("close-form"); +const form = document.getElementById("new-review-form"); + + +openFormBtn.addEventListener("click", () => { + modal.style.display = "flex"; +}); + + +closeFormBtn.addEventListener("click", () => { + modal.style.display = "none"; +}); + +// Close modal when clicking outside the content +window.addEventListener("click", (e) => { + if (e.target === modal) { + modal.style.display = "none"; + } +}); + + +form.addEventListener("submit", (e) => { + e.preventDefault(); + + const name = document.getElementById("name").value; + const image = document.getElementById("image").value; + const review = document.getElementById("review").value; + + + userObject.push({ + name: name, + image: image, + customerReview: review, + }); + + alert("Review submitted successfully!"); + modal.style.display = "none"; + form.reset(); // Reset form fields +}); + +function setupSidebar() { + const sidebar = document.querySelector('.sidebar'); + userObject.forEach((customer, index) => { + const div = document.createElement('div'); + div.textContent = customer.name; + div.onclick = () => { + displayCustomer(index); + }; + sidebar.appendChild(div); + }); +} + +setupSidebar(); + + + + + + + + + + + diff --git a/ParticleSystem/mccoli/README.md b/ParticleSystem/mccoli/README.md index 434cb05b5..66fc570a2 100644 --- a/ParticleSystem/mccoli/README.md +++ b/ParticleSystem/mccoli/README.md @@ -10,7 +10,7 @@ This project is a particle system simulation created using the p5.js library. Us ### Getting Started 1. Clone this repository to your local machine. 2. Open the provided HTML file in a web browser. -3. Have fun :) +3. Have fun ### Technical Info - **Framework**: None