diff --git a/Vivian/eco saver.mwb b/Vivian/eco saver.mwb
new file mode 100644
index 0000000..563e07f
Binary files /dev/null and b/Vivian/eco saver.mwb differ
diff --git a/Vivian/index.php b/Vivian/index.php
new file mode 100644
index 0000000..ba3725b
--- /dev/null
+++ b/Vivian/index.php
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+ Hello, world!
+
+
+ Hello, world!
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Vivian/login.html b/Vivian/login.html
new file mode 100644
index 0000000..25f261c
--- /dev/null
+++ b/Vivian/login.html
@@ -0,0 +1,21 @@
+
+
+
+
+
+ Login Page
+
+
+
+ Login
+
+
+
diff --git a/Vivian/login.js b/Vivian/login.js
new file mode 100644
index 0000000..a88887f
--- /dev/null
+++ b/Vivian/login.js
@@ -0,0 +1,37 @@
+function validateForm() {
+ var username = document.getElementById('email').value;
+ var password = document.getElementById('password').value;
+
+ // Perform basic validation
+ if (!email || !password) {
+ alert('Please enter both email and password');
+ return;
+ }
+
+ // If validation passes, send data to the server
+ sendDataToServer(email, password);
+}
+
+function sendDataToServer(email, password) {
+ // Use AJAX or fetch to send data to the server
+ // Example using fetch:
+ fetch('/login', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({ email, password }),
+ })
+ .then(response => response.json())
+ .then(data => {
+ // Handle the response from the server
+ console.log(data);
+ if (data.success) {
+ // Redirect or perform other actions for successful login
+ alert('Login successful');
+ } else {
+ alert('Login failed. Please check your credentials.');
+ }
+ })
+ .catch(error => console.error('Error:', error));
+}
diff --git a/Vivian/server.js b/Vivian/server.js
new file mode 100644
index 0000000..6d8edc6
--- /dev/null
+++ b/Vivian/server.js
@@ -0,0 +1,44 @@
+const express = require('express');
+const bodyParser = require('body-parser');
+const mysql = require('mysql');
+
+const app = express();
+const port = 3000;
+
+app.use(bodyParser.json());
+
+const db = mysql.createConnection({
+ host: 'localhost',
+ user: 'root',
+ password: 'your_mysql_password',
+ database: 'your_database_name',
+});
+
+db.connect(err => {
+ if (err) {
+ console.error('Error connecting to MySQL:', err);
+ } else {
+ console.log('Connected to MySQL');
+ }
+});
+
+app.post('/signup', (req, res) => {
+ const { username, password } = req.body;
+
+ // Perform server-side validation if needed
+
+ const sql = 'INSERT INTO users (username, password) VALUES (?, ?)';
+ db.query(sql, [username, password], (err, result) => {
+ if (err) {
+ console.error('Error executing SQL query:', err);
+ res.status(500).json({ success: false, message: 'Internal Server Error' });
+ } else {
+ console.log('User signed up successfully');
+ res.json({ success: true, message: 'User signed up successfully' });
+ }
+ });
+});
+
+app.listen(port, () => {
+ console.log(`Server is running on http://localhost:${port}`);
+});
diff --git a/Vivian/signup.html b/Vivian/signup.html
new file mode 100644
index 0000000..28a7d84
--- /dev/null
+++ b/Vivian/signup.html
@@ -0,0 +1,24 @@
+
+
+
+
+
+ Signup Page
+
+
+
+ Signup
+
+
+
diff --git a/Vivian/signup.js b/Vivian/signup.js
new file mode 100644
index 0000000..2f036a4
--- /dev/null
+++ b/Vivian/signup.js
@@ -0,0 +1,35 @@
+function validateForm() {
+ var userid = document.getElementById('user_id').value;
+ var username = document.getElementById('user_name').value;
+ var email = document.getElementById('email').value;
+ var password = document.getElementById('password').value;
+ var confirmPassword = document.getElementById('confirmPassword').value;
+ var email = document.getElementById('email').value;
+
+ // Perform basic validation
+ if (password !== confirmPassword) {
+ alert('Passwords do not match');
+ return;
+ }
+
+ // If validation passes, send data to the server
+ sendDataToServer(username, email, password);
+}
+
+function sendDataToServer(username, password) {
+ // Use AJAX or fetch to send data to the server
+ // Example using fetch:
+ fetch('/signup', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({ username, email, password }),
+ })
+ .then(response => response.json())
+ .then(data => {
+ // Handle the response from the server
+ console.log(data);
+ })
+ .catch(error => console.error('Error:', error));
+}