style and backend models fix

backend/models/events.js

@@ -2,10 +2,30 @@ const mongoose = require("mongoose");
 const schema = mongoose.Schema;
 
 const eventSchema = new schema({
-  mess: {
+  name: {
     type: String,
     required: false,
-  }
+  },
+  type: {
+    type: Number,
+    required: false,
+  },
+  date: {
+    type: String,
+    required: false,
+  },
+  time: {
+    type: Number,
+    required: false,
+  },
+  lat: {
+    type: Number,
+    required: false,
+  },
+  lon: {
+    type: Number,
+    required: false,
+  },
 });
 
-module.exports = mongoose.model("events", eventSchema);
+module.exports = mongoose.model("events", eventSchema);

src/components/Logo/index.js

@@ -2,8 +2,8 @@ import styles from "./index.module.scss";
 import leaf from "../../assets/leaf.svg"
   export default function logo() {
     return (
-      <div className="d-flex align-items-center justify-content-center">
+      <div className={styles.logoCon,"d-flex align-items-center justify-content-center"}>
-     <span>eco-meet</span>
+     <span className={styles.logo}>eco-meet</span>
      <img className={styles.leaf} src={leaf} alt="React Logo" />
      </div>
     );

src/components/Logo/index.module.scss

@@ -1,4 +1,4 @@
-span{
+.logo{
     font-family: 'Poppins', sans-serif;
     font-weight: bold;
     font-size:3.2em;
@@ -7,7 +7,7 @@ span{
 .leaf{
     width:40px;
 }
-div{
+.logoCon{
     width:100%;
     height:10vh;
 }

src/pages/Home/index.js

@@ -25,7 +25,8 @@ export const Home = () => {
                 {events.map((e, i) => {
                     return (
                         <div key={i} className={styles.item}>
-                            {e.mess}
+                           <span className={styles.location}>{e.name}</span> <br></br>
+                           <span>{e.date}</span> 
                         </div>
                     );
                 })}

src/pages/Home/index.module.scss

@@ -1,12 +1,20 @@
 .item {
     border: 1px solid black;
+    border-radius: 15px;
     width: 70vw;
     max-width: 500px;
+    height:10vh;
     margin: 0 auto;
+    padding-left:25px;
+    padding-top:10px;
 }
 .con {
-    text-align: center;
     width: 90%;
+    height: 80%;
     margin: 0 auto;
     font-family: "Poppins", sans-serif;
 }
+.location {
+    font-weight: bold;
+    font-size: 1.7em;
+}