codewithsadee · munkhuzl · Aug 4, 2024 · Aug 5, 2024 · Aug 5, 2024 · Aug 7, 2024
diff --git a/.DS_Store b/.DS_Store
diff --git a/.env b/.env
@@ -0,0 +1 @@
+mongoUri='mongodb+srv://munkhzul:zulaa1234@sassybooking.0jskx.mongodb.net/appointments?retryWrites=true&w=majority'
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.vercel
diff --git a/.vercelignore b/.vercelignore
@@ -0,0 +1 @@
+.vercel.json
diff --git a/README.md b/README.md
@@ -52,3 +52,5 @@ If you want to contact with me you can reach me at [Twitter](https://www.twitter
 ### License
 
 This project is **free to use** and does not contains any license.
+# sassy
+# sassy
diff --git a/adminpanel/.env b/adminpanel/.env
@@ -0,0 +1 @@
+mongodb+srv://bolzopzulaa:rAXGX4maTDhGniWR@cluster0.r7vw0.mongodb.net/sassyNail?retryWrites=true&w=majority&appName=Cluster0"
diff --git a/adminpanel/_gitignore b/adminpanel/_gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/adminpanel/index.html b/adminpanel/index.html
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Admin Panel</title>
+    <style>
+      table {
+        width: 100%;
+        border-collapse: collapse;
+      }
+      th,
+      td {
+        padding: 10px;
+        border: 1px solid #ddd;
+        text-align: left;
+      }
+      th {
+        background-color: #f4f4f4;
+      }
+      button {
+        padding: 5px 10px;
+        margin: 5px;
+        cursor: pointer;
+      }
+      .error {
+        color: red;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>Sassy</h1>
+    <h2>Захиалгууд</h2>
+    <div id="loading" style="display: none">Уншиж байна...</div>
+    <div id="message"></div>
+    <table id="appointmentsTable">
+      <thead>
+        <tr>
+          <th>Нэр</th>
+          <th>И-мэйл</th>
+          <th>Утасны дугаар</th>
+          <th>Үйлчилгээ</th>
+          <th>Цаг</th>
+          <th>Захиалга өгсөн цаг</th>
+          <th>Устгах</th>
+          <th class="block" type="hidden">_id</th>
+        </tr>
+      </thead>
+      <tbody id="appointmentsTableBody">
+        <tr>
+          <td colspan="5">Цаг байхгүй байна</td>
+        </tr>
+      </tbody>
+    </table>
+
+    <script>
+      async function deleteAppointment(appointmentId) {
+        try {
+          const response = await fetch(
+            `http://localhost:4000/api/appointments`,
+            {
+              method: "DELETE",
+            }
+          );
+          if (!response.ok) {
+            throw new Error("Failed to delete the appointment");
+          }
+          alert("Appointment deleted successfully.");
+          fetchAppointments(); 
+        } catch (error) {
+          console.error("Error deleting appointment:", error);
+          alert("Error deleting appointment. Please try again.");
+        }
+      }
+      async function fetchAppointments() {
+        const loadingDiv = document.getElementById("loading");
+        const messageDiv = document.getElementById("message");
+        const tableBody = document.getElementById("appointmentsTableBody");
+        loadingDiv.style.display = "block";
+        messageDiv.innerHTML = "";
+        try {
+          const response = await fetch(
+            "http://localhost:4000/api/appointments"
+          );
+          if (!response.ok) {
+            throw new Error("Failed to fetch appointments");
+          }
+          const appointments = await response.json();
+          tableBody.innerHTML = "";
+          if (appointments.length === 0) {
+            tableBody.innerHTML =
+              '<tr><td colspan="5">No appointments available.</td></tr>';
+          } else {
+            appointments.forEach((app, _id) => {
+              const row = document.createElement("tr");
+              row.innerHTML = `
+                      <td>${app.name}</td>
+                      <td>${app.email_address}</td>
+                      <td>${app.phone}</td>
+                      <td>${app.category}</td>
+                      <td>${app.createdAt}</td>
+                      <td>${app.time}</td>
+                      <td>${app.message}</td>
+                      <td>
+                        <button onclick="deleteAppointment('${app._id}')">Delete</button>
+                      </td>
+                      <td>${app._id}</td>
+
+                      `;
+              tableBody.appendChild(row);
+            });
+          }
+        } catch (error) {
+          console.error("Error fetching appointments:", error);
+          messageDiv.innerHTML =
+            '<span class="error">Error fetching appointments. Please try again later.</span>';
+        } finally {
+          loadingDiv.style.display = "none";
+        }
+      }
+
+      fetchAppointments();
+    </script>
+  </body>
+</html>
diff --git a/assets/.DS_Store b/assets/.DS_Store
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -2,14 +2,6 @@
   #style.css
 \*-----------------------------------*/
 
-/**
- * copyright 2022 codewithsadee
- */
-
-
-
-
-
 /*-----------------------------------*\
   #CUSTOM PROPERTY
 \*-----------------------------------*/
@@ -20,11 +12,11 @@
    * colors
    */
 
-  --rich-black-fogra-39_50: hsla(0, 0%, 5%, 0.5);
+  --rich-black-fogra-39_50: hsla(0, 7%, 55%, 0.5);
   --rich-black-fogra-39: hsl(0, 0%, 5%);
-  --indian-yellow_10: hsla(36, 61%, 58%, 0.1);
-  --indian-yellow: hsl(36, 61%, 58%);
-  --harvest-gold: hsl(36, 66%, 53%);
+  --indian-yellow_10: hsl(313, 49%, 89%);   
+  --indian-yellow: hsl(325, 69%, 66%);
+  --harvest-gold: hsl(48, 9%, 68%);
   --eerie-black-1: hsl(0, 0%, 14%);
   --eerie-black-2: hsl(0, 0%, 12%);
   --eerie-black-2_85: hsla(0, 0%, 12%, 0.85);
@@ -38,7 +30,7 @@
   --white_30: hsla(0, 0%, 100%, 0.3 );
   --white_50: hsla(0, 0%, 100%, 0.5);
   --white: hsl(0, 0%, 100%);
-  --jet: hsl(0, 0%, 21%);
+  --jet: hsla(50, 95%, 91%, 0.816);
 
   /**
    * typography

diff --git a/assets/download.jpeg b/assets/download.jpeg
diff --git a/assets/download.jpg b/assets/download.jpg
diff --git a/assets/images/sassy bg.jpg b/assets/images/sassy bg.jpg
diff --git a/assets/js/script.js b/assets/js/script.js
@@ -1,7 +1,4 @@
 'use strict';
-
-
-
 /**
  * add event on element
  */
@@ -16,8 +13,6 @@ const addEventOnElem = function (elem, type, callback) {
   }
 }
 
-
-
 /**
  * navbar toggle
  */

diff --git a/assets/nail-polish.png b/assets/nail-polish.png
diff --git a/assets/sassy bg.jpg b/assets/sassy bg.jpg
diff --git a/assets/sassy bg_245x762.jpeg b/assets/sassy bg_245x762.jpeg
diff --git a/assets/sassy bg_251x776.jpeg b/assets/sassy bg_251x776.jpeg
diff --git a/assets/sassy pedi.jpg b/assets/sassy pedi.jpg
diff --git a/assets/sassy.1.jpg b/assets/sassy.1.jpg
diff --git a/assets/sassy.jpg b/assets/sassy.jpg
diff --git a/assets/sassy2.jpg b/assets/sassy2.jpg
diff --git a/assets/sassy2resize.jpg b/assets/sassy2resize.jpg
diff --git a/assets/sassy3.jpg b/assets/sassy3.jpg
diff --git a/assets/sassy4.jpg b/assets/sassy4.jpg
diff --git a/assets/sassy5.jpg b/assets/sassy5.jpg
diff --git a/assets/sassy6.jpg b/assets/sassy6.jpg
diff --git a/assets/sassy7.jpg b/assets/sassy7.jpg
diff --git a/assets/sassy8.jpg b/assets/sassy8.jpg
diff --git a/assets/sassyresize.jpg b/assets/sassyresize.jpg
diff --git a/assets/wax.jpg b/assets/wax.jpg
diff --git a/backend/.gitignore b/backend/.gitignore
@@ -0,0 +1 @@
+.vercel
diff --git a/backend/main.js b/backend/main.js
@@ -0,0 +1,116 @@
+import express from 'express';
+import  bodyParser from 'body-parser';
+import cors from 'cors';
+import mongoose from 'mongoose';
+
+const app = express();
+const PORT = process.env.PORT || 4000;
+
+// MongoDB connection string
+const mongoUri ='mongodb+srv://munkhzul:zulaa1234@sassybooking.0jskx.mongodb.net/appointments?retryWrites=true&w=majority'
+// Middleware
+app.use(cors());
+app.use(express.json());
+app.use(bodyParser.urlencoded({ extended: true }));
+
+// Connect to MongoDB
+mongoose
+  .connect(mongoUri)
+  .then(() => console.log('Connected to MongoDB'))
+  .catch((err) => console.error('Error connecting to MongoDB:', err));
+
+  app.get('/api/appointments', async (req, res) => {
+    try {
+      const appointments = await Appointment.find();
+      res.status(200).send(appointments);
+    } catch (error) {
+      console.error('Error fetching appointments:', error);
+      res.status(500).send({ message: 'Internal server error' });
+    }
+  });
+
+const appointmentSchema = new mongoose.Schema({
+  email_address: { type: String, required: true },
+  name: { type: String, required: true },
+  category: { type: String, required: true },
+  time: { type: String, required: true },
+  phone: { type: String, required: true },
+  createdAt: { type: Date, default: Date.now },
+  message: { type: String, required: true },
+});
+
+const Appointment = mongoose.model('Appointment', appointmentSchema);
+// export default async (req, res) => {
+//   if (req.method === 'GET') {
+//     try {
+//       const appointments = await Appointment.find();
+//       res.status(200).json(appointments);
+//     } catch (error) {
+//       res.status(500).json({ error: 'Error fetching appointments' });
+//     }
+//   } else if (req.method === 'POST') {
+//     try {
+//       const { email_address, name, category, time, phone } = req.body;
+//       const newAppointment = new Appointment({ email_address, name, category, time, phone });
+//       await newAppointment.save();
+//       res.status(201).json({ message: 'Appointment created successfully' });
+//     } catch (error) {
+//       res.status(500).json({ error: 'Error creating appointment' });
+//     }
+//   } else {
+//     res.status(405).json({ error: 'Method not allowed' });
+//   }
+// };
+app.post('/api/appointments', async (req, res) => {
+  try {
+    const { email_address, name, category, time, phone, _id, message} = req.body;
+    if (!email_address || !name || !category || !time || !phone, _id) {
+      return res.status(400).send({ message: 'All fields are required!' });
+    }
+    const [hours, minutes] = time.split(':');
+    const appointmentDate = new Date();
+    appointmentDate.setHours(hours, minutes, 0, 0); 
+    const newAppointment = new Appointment({
+      _id,
+      email_address,
+      name,
+      time,
+      category,
+      time: appointmentDate,
+      phone,
+      createdAt: new Date(),
+      message,
+    });
+    await newAppointment.save();
+    res.status(201).send({ message: 'Таны цаг амжилттай илгээгдлээ!', appointment: newAppointment });
+  } catch (error) {
+    console.error('Error creating appointment:', error);
+    res.status(500).send({ message: 'Илгээхэд алдаа гарлаа' });
+  }
+});
+
+app.delete('/api/appointments:id', async (req, res) => {
+  try {
+    const { id } = req.params;
+    if (!id === _id) {
+      return res.status(400).send({ message: 'Appointment ID is required' });
+    }
+
+    const deletedAppointment = await Appointment.findByIdAndDelete(_id);
+    if (!deletedAppointment) {
+      return res.status(404).send({ message: 'Appointment not found' });
+    }
+
+    res.status(200).send({ message: 'Appointment deleted successfully' });
+  } catch (error) {
+    console.error('Error deleting appointment:', error);
+    res.status(500).send({ message: 'Устгахад алдаа гарлла' });
+  }
+});
+
+// Start the server
+app.listen(PORT, () => {
+  console.log(`[server]: Server is running on http://localhost:${PORT}`);
+});
+
+
diff --git a/flaticon.min.css b/flaticon.min.css
diff --git a/footer-bg.png b/footer-bg.png
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		mongoUri='mongodb+srv://munkhzul:zulaa1234@sassybooking.0jskx.mongodb.net/appointments?retryWrites=true&w=majority'
-Original file line number
+Diff line change
@@ Expand Up @@
     ### License
     This project is **free to use** and does not contains any license.
+    # sassy
+    # sassy
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		mongodb+srv://bolzopzulaa:rAXGX4maTDhGniWR@cluster0.r7vw0.mongodb.net/sassyNail?retryWrites=true&w=majority&appName=Cluster0"