back. WiP

graph package (reactflow), updates. assets, some of the SEO. started with some basic components, login, navbar, etc.

src/components/Navbar/Navbar.module.css

@@ -0,0 +1,11 @@
+.navbar_wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-evenly;
+  position: sticky;
+  top: 0;
+  left: 0;
+  height: 100vh;
+  width: 10vw;
+}

src/components/Navbar/index.jsx

@@ -0,0 +1,16 @@
+import React from 'react'
+import styles from "./Navbar.module.css";
+import { NavLink } from 'react-router-dom';
+
+const Navbar = () => {
+  return (
+    <nav className={styles.navbar_wrapper}>
+      <NavLink to="/">Home</NavLink>
+      <NavLink to="/login">Login</NavLink>
+      <NavLink to="/graph">Graph</NavLink>
+      <NavLink to="/graph2">Graph2</NavLink>
+    </nav>
+  )
+}
+
+export default Navbar

src/components/ToastNotification/index.jsx

@@ -0,0 +1,17 @@
+import { toast } from "react-toastify";
+
+export const showErrorToastNotification = (message) => {
+	toast.error(message || "Server Error");
+};
+
+export const showSuccessToastNotification = (message) => {
+	toast.success(message || "Success");
+};
+
+export const showWarnToastNotification = (message) => {
+	toast.warn(message || "Warning");
+};
+
+export const showInfoToastNotification = (message) => {
+	toast.info(message || "Info");
+};