+
+ );
+};
+
+export default AuthPage;
diff --git a/client/Pro-Notion/src/pages/filemanagement.tsx b/client/Pro-Notion/src/pages/filemanagement.tsx
new file mode 100644
index 0000000..92465f9
--- /dev/null
+++ b/client/Pro-Notion/src/pages/filemanagement.tsx
@@ -0,0 +1,29 @@
+import file_info from "../assets/file_info.json";
+import "./styles.css/fileManagement.css";
+
+export default function FileManagementPage() {
+ const visibleFiles = file_info.files;
+
+ return (
+
+ 
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/client/Pro-Notion/src/pages/home.tsx b/client/Pro-Notion/src/pages/home.tsx
new file mode 100644
index 0000000..98de19e
--- /dev/null
+++ b/client/Pro-Notion/src/pages/home.tsx
@@ -0,0 +1,57 @@
+import { useState } from "react";
+import "./styles.css/home.css";
+import TaskDashboard from "./taskboard";
+import TeamManagement from "./team";
+import FileManagementPage from "./filemanagement";
+
+export default function HomePage() {
+ const [activeView, setActiveView] = useState("home");
+
+ const renderContent = () => {
+ switch (activeView) {
+ case "tasks":
+ return View, Search, and Upload Files
+
+ {visibleFiles.map((folder: { id: string; name: string }) => (
+
+
+
+ 📁
+
+ {folder.name}
+
+ ))}
+
+
+
+ 📧 Email Inbox / Composer
;
+ default:
+ return 🏠 Welcome to the Home Page
;
+ }
+ };
+
+ return (
+
+
+
+
+
+
+ {renderContent()}
+
+ );
+}
diff --git a/client/Pro-Notion/src/pages/styles.css/auth.css b/client/Pro-Notion/src/pages/styles.css/auth.css
new file mode 100644
index 0000000..0b1366b
--- /dev/null
+++ b/client/Pro-Notion/src/pages/styles.css/auth.css
@@ -0,0 +1,82 @@
+.auth {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+}
+
+.auth-container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 20px;
+ padding: 30px;
+ background: white;
+ border-radius: 12px;
+ box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
+}
+
+.hero-image {
+ width: 100px;
+ height: 100px;
+ object-fit: contain;
+}
+
+.auth-buttons {
+ display: flex;
+ gap: 20px;
+}
+
+.auth-buttons button {
+ padding: 10px 20px;
+ font-size: 16px;
+ border: 2px solid transparent;
+ border-radius: 8px;
+ background-color: #919eac;
+ color: white;
+ cursor: pointer;
+ transition: all 0.2s ease;
+}
+
+.auth-buttons button.active {
+ background-color: #0056b3;
+}
+
+.auth-buttons button:hover {
+ background-color: #0056b3;
+}
+
+.auth-form {
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
+ width: 100%;
+ max-width: 300px;
+}
+
+.auth-form input {
+ padding: 10px;
+ font-size: 15px;
+ border-radius: 6px;
+ border: 1px solid #ccc;
+}
+
+.auth-form button[type="submit"] {
+ padding: 10px;
+ background-color: #28a745;
+ color: white;
+ font-weight: bold;
+ border: none;
+ border-radius: 6px;
+ cursor: pointer;
+ transition: background 0.2s ease;
+}
+
+.auth-form button[type="submit"]:hover {
+ background-color: #919eac;
+}
+
+.error {
+ color: red;
+ font-size: 12px;
+}
diff --git a/client/Pro-Notion/src/pages/styles.css/fileManagement.css b/client/Pro-Notion/src/pages/styles.css/fileManagement.css
new file mode 100644
index 0000000..2f07a31
--- /dev/null
+++ b/client/Pro-Notion/src/pages/styles.css/fileManagement.css
@@ -0,0 +1,97 @@
+.file-management-container {
+ background: #f5f6fa;
+ min-height: 400px;
+ max-width: 500px;
+ margin: 4rem auto 0 auto;
+ border-radius: 16px;
+ box-shadow: 0 4px 24px rgba(0,0,0,0.08);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 2rem 1.5rem 1.5rem 1.5rem;
+ position: relative;
+}
+
+.folders-list {
+ width: 100%;
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 1.2rem;
+ max-height: 180px; /* 2 rows of 3 items = 6 items */
+ overflow-y: auto;
+ margin-bottom: 2rem;
+ padding-right: 0.5rem; /* for scrollbar */
+}
+
+.folder-item {
+ background: #fff;
+ border-radius: 10px;
+ box-shadow: 0 2px 8px rgba(0,0,0,0.04);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding: 1rem 0.5rem;
+ font-size: 1.1rem;
+ color: #0984e3;
+ transition: box-shadow 0.2s;
+ cursor: pointer;
+}
+
+.folder-item:hover {
+ box-shadow: 0 4px 16px rgba(9,132,227,0.12);
+}
+
+.folder-item span[role="img"] {
+ font-size: 2rem;
+ margin-bottom: 0.3rem;
+}
+
+.folder-name {
+ text-align: center;
+ color: #2d3436;
+ font-size: 1rem;
+ word-break: break-word;
+}
+
+.upload-section {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ position: absolute;
+ left: 0;
+ bottom: 1.5rem;
+}
+
+.upload-btn {
+ background: #fff;
+ border: 2px solid #0984e3;
+ border-radius: 50%;
+ width: 56px;
+ height: 56px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 2rem;
+ color: #0984e3;
+ cursor: pointer;
+ transition: background 0.2s, border 0.2s;
+ box-shadow: 0 2px 8px rgba(0,0,0,0.06);
+}
+
+.upload-btn:hover {
+ background: #0984e3;
+ color: #fff;
+ border: 2px solid #74b9ff;
+}
+
+/* Add to fileManagement.css */
+.file-management-header {
+ width: 100%;
+ text-align: center;
+ color: #2d3436;
+ font-size: 1.4rem;
+ font-weight: 600;
+ margin-bottom: 1.5rem;
+ letter-spacing: 0.5px;
+}
\ No newline at end of file
diff --git a/client/Pro-Notion/src/pages/styles.css/home.css b/client/Pro-Notion/src/pages/styles.css/home.css
new file mode 100644
index 0000000..6e16cf8
--- /dev/null
+++ b/client/Pro-Notion/src/pages/styles.css/home.css
@@ -0,0 +1,71 @@
+/* Home container layout */
+.home-container {
+ height: 100vh;
+ display: flex;
+ flex-direction: column;
+ font-family: Arial, sans-serif;
+ align-items: center;
+ position: relative;
+}
+
+/* Header styling */
+.home-header {
+ background-color: #bcccde;
+ color: white;
+ padding: 15px 20px;
+ display: flex;
+ justify-content: center; /* Center horizontally */
+ align-items: center;
+ border-radius: 35px;
+ margin-top: 20px;
+}
+
+/* Header icons centered inside the header */
+.header-icons {
+ display: flex;
+ gap: 20px;
+}
+
+/* Floating Sidebar */
+.sidebar {
+ position: fixed;
+ top: 80px;
+ left: 20px;
+ display: flex;
+ flex-direction: column;
+ gap: 16px;
+}
+
+.sidebar button {
+ font-size: 24px;
+ padding: 12px;
+ border: none;
+ border-radius: 12px;
+ background-color: #f0f0f0;
+ cursor: pointer;
+ transition: background 0.2s ease;
+}
+
+.sidebar button:hover {
+ background-color: #e0e0e0;
+}
+
+/* Main content area */
+.main-content {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-grow: 1;
+ padding: 20px;
+ width: 100%;
+}
+
+/* Content box styling */
+.content-box {
+ padding: 20px;
+ background: #f9f9f9;
+ border-radius: 12px;
+ box-shadow: 0 2px 6px rgba(0,0,0,0.1);
+ font-size: 18px;
+ text-align: center;
+}
diff --git a/client/Pro-Notion/src/pages/styles.css/taskDashboard.css b/client/Pro-Notion/src/pages/styles.css/taskDashboard.css
new file mode 100644
index 0000000..9b8e247
--- /dev/null
+++ b/client/Pro-Notion/src/pages/styles.css/taskDashboard.css
@@ -0,0 +1,67 @@
+.task-dashboard {
+ display: flex;
+ justify-content: space-between;
+ gap: 20px;
+ width: 100%;
+ max-width: 1000px;
+ margin-top: 20px;
+}
+
+.task-column {
+ flex: 1;
+ background-color: #f1f3f5;
+ padding: 16px;
+ border-radius: 10px;
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+
+.task-header {
+ font-weight: bold;
+ font-size: 18px;
+ margin-bottom: 10px;
+}
+
+.task-list {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ margin-bottom: 12px;
+}
+
+.task-item {
+ background-color: white;
+ padding: 10px;
+ border-radius: 8px;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+}
+
+/* Task form at the bottom */
+.task-form {
+ display: flex;
+ gap: 8px;
+}
+
+.task-form input {
+ flex: 1;
+ padding: 6px 10px;
+ border-radius: 6px;
+ border: 1px solid #ccc;
+ font-size: 14px;
+}
+
+.task-form button {
+ padding: 6px 10px;
+ font-size: 18px;
+ border: none;
+ background-color: #d9d9d9;
+ border-radius: 6px;
+ cursor: pointer;
+ transition: background 0.2s ease;
+}
+
+.task-form button:hover {
+ background-color: #c0c0c0;
+}
diff --git a/client/Pro-Notion/src/pages/styles.css/teamManagement.css b/client/Pro-Notion/src/pages/styles.css/teamManagement.css
new file mode 100644
index 0000000..4f159db
--- /dev/null
+++ b/client/Pro-Notion/src/pages/styles.css/teamManagement.css
@@ -0,0 +1,221 @@
+.team-management {
+ width: 100%;
+ max-width: 900px;
+ margin: 0 auto;
+ padding: 20px;
+ font-family: Arial, sans-serif;
+}
+
+.add-member-form {
+ display: flex;
+ gap: 10px;
+ margin-bottom: 20px;
+}
+
+.add-member-form input {
+ flex: 1;
+ padding: 8px 12px;
+ border-radius: 6px;
+ border: 1px solid #ccc;
+ font-size: 14px;
+}
+
+.add-member-form button {
+ padding: 8px 14px;
+ font-size: 16px;
+ border: none;
+ background-color: #5e9eff;
+ color: white;
+ border-radius: 6px;
+ cursor: pointer;
+}
+
+.add-member-form button:hover {
+ background-color: #407ee7;
+}
+
+.team-list {
+ display: flex;
+ flex-direction: column;
+ gap: 16px;
+}
+
+.member-card {
+ background-color: #f3f5f7;
+ padding: 16px;
+ border-radius: 10px;
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
+}
+
+.member-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-weight: bold;
+ margin-bottom: 8px;
+}
+
+.member-header button {
+ padding: 4px 8px;
+ background-color: #ffc107;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+}
+
+.member-header button:hover {
+ background-color: #e0a800;
+}
+
+.task-list {
+ list-style: none;
+ padding-left: 0;
+ margin: 0;
+}
+
+.task-list li {
+ background-color: white;
+ padding: 8px 10px;
+ margin-bottom: 6px;
+ border-radius: 6px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+.no-tasks {
+ font-style: italic;
+ color: #999;
+}
+
+
+.create-team-form,
+.add-member-form {
+ display: flex;
+ gap: 10px;
+ margin-bottom: 20px;
+}
+
+.create-team-form input,
+.add-member-form input {
+ flex: 1;
+ padding: 8px 12px;
+ border-radius: 6px;
+ border: 1px solid #ccc;
+ font-size: 14px;
+}
+
+.create-team-form button,
+.add-member-form button {
+ padding: 8px 14px;
+ font-size: 16px;
+ border: none;
+ background-color: #28a745;
+ color: white;
+ border-radius: 6px;
+ cursor: pointer;
+}
+
+.create-team-form button:hover,
+.add-member-form button:hover {
+ background-color: #218838;
+}
+
+.team-name {
+ color: #007bff;
+ font-weight: bold;
+}
+
+.no-members {
+ font-style: italic;
+ color: #999;
+}
+
+.create-team-form,
+.add-member-form,
+.team-selector {
+ display: flex;
+ gap: 10px;
+ margin-bottom: 20px;
+}
+
+.create-team-form input,
+.add-member-form input,
+.team-selector select {
+ flex: 1;
+ padding: 8px 12px;
+ border-radius: 6px;
+ border: 1px solid #ccc;
+ font-size: 14px;
+}
+
+.create-team-form button,
+.add-member-form button {
+ padding: 8px 14px;
+ font-size: 16px;
+ border: none;
+ background-color: #28a745;
+ color: white;
+ border-radius: 6px;
+ cursor: pointer;
+}
+
+.create-team-form button:hover,
+.add-member-form button:hover {
+ background-color: #218838;
+}
+
+.team-name {
+ color: #007bff;
+ font-weight: bold;
+}
+
+.no-members {
+ font-style: italic;
+ color: #999;
+}
+
+.member-card {
+ background-color: #f3f5f7;
+ padding: 16px;
+ border-radius: 10px;
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
+ margin-bottom: 16px;
+}
+
+.member-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-weight: bold;
+ margin-bottom: 8px;
+}
+
+.member-header button {
+ padding: 4px 8px;
+ background-color: #ffc107;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+}
+
+.member-header button:hover {
+ background-color: #e0a800;
+}
+
+.task-list {
+ list-style: none;
+ padding-left: 0;
+ margin: 0;
+}
+
+.task-list li {
+ background-color: white;
+ padding: 8px 10px;
+ margin-bottom: 6px;
+ border-radius: 6px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+.no-tasks {
+ font-style: italic;
+ color: #999;
+}
diff --git a/client/Pro-Notion/src/pages/styles.css/welcome.css b/client/Pro-Notion/src/pages/styles.css/welcome.css
new file mode 100644
index 0000000..7ec6a3b
--- /dev/null
+++ b/client/Pro-Notion/src/pages/styles.css/welcome.css
@@ -0,0 +1,128 @@
+/* MAIN PAGE CONTAINER */
+.welcome {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 10px;
+ box-sizing: border-box;
+ width: 100%;
+}
+
+/* INNER CONTAINER */
+.welcome-sub {
+ max-width: 1200px; /* keep content centered and limited */
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ align-items: center;
+ padding: 10px;
+ margin: 0 auto;
+ box-sizing: border-box;
+}
+
+/* INDIVIDUAL SECTION (testimonials, tasks, pricing) */
+.welcome-info {
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ align-items: center;
+ padding: 10px;
+ margin: 10px 0;
+ width: 100%;
+}
+
+/* CARD GRID */
+.card {
+ display: flex;
+ gap: 20px;
+ flex-wrap: wrap;
+ justify-content: center;
+ margin-top: 20px;
+ text-align: center;
+}
+
+/* INDIVIDUAL CARD */
+.card-item {
+ background-color: #f5f5f5;
+ border-radius: 12px;
+ padding: 10px;
+ width: 250px;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ transition: transform 0.2s ease;
+}
+
+.card-item:hover {
+ transform: translateY(-5px);
+ font-weight: bold;
+}
+
+/* PRICING FEATURES */
+.feature-list {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin-top: 10px;
+ gap: 8px;
+}
+
+.feature-item {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ font-size: 1rem;
+}
+
+/* EMOJI ICON */
+.emoji {
+ font-size: 1.2rem;
+}
+
+
+/* Reduce spacing in welcome info sections */
+.welcome-info {
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ align-items: center;
+ padding: 5px;
+ margin: 20px 0 10px 0; /* tighter spacing */
+ width: 100%;
+}
+
+/* Make h1 headings smaller and reduce margin */
+.welcome-info h1 {
+ font-size: 1.8rem; /* smaller heading */
+ margin-bottom: 8px;
+}
+
+/* Improve spacing around the card grid */
+.card {
+ margin-top: 10px; /* smaller gap between h1 and cards */
+}
+
+/* Enhance button visibility */
+.welcome-button {
+ background-color: #007bff;
+ color: white;
+ font-size: 1rem;
+ padding: 10px 20px;
+ border-radius: 8px;
+ border: none;
+ cursor: pointer;
+ margin-bottom: 30px;
+ transition: background-color 0.2s ease;
+}
+
+.welcome-button:hover {
+ background-color: #0056b3;
+}
+
+/* Slightly reduce padding to compress vertical height */
+.welcome-sub {
+ padding: 5px;
+}
+
+.welcome {
+ padding-top: 20px;
+}
diff --git a/client/Pro-Notion/src/pages/taskboard.tsx b/client/Pro-Notion/src/pages/taskboard.tsx
new file mode 100644
index 0000000..322099d
--- /dev/null
+++ b/client/Pro-Notion/src/pages/taskboard.tsx
@@ -0,0 +1,76 @@
+import React, { useState } from "react";
+import "./styles.css/taskDashboard.css";
+
+type Status = "Completed" | "In Progress" | "Incomplete";
+
+interface TaskMeta {
+ icon: string;
+ color: string;
+}
+
+const statusMeta: Record
+
+ 🔔
+
+
+ 👤
+
+
+
+ {statuses.map((status) => (
+
+ );
+};
+
+export default TaskDashboard;
diff --git a/client/Pro-Notion/src/pages/team.tsx b/client/Pro-Notion/src/pages/team.tsx
new file mode 100644
index 0000000..b699f27
--- /dev/null
+++ b/client/Pro-Notion/src/pages/team.tsx
@@ -0,0 +1,159 @@
+import React, { useState } from "react";
+import "./styles.css/teamManagement.css";
+
+interface Member {
+ name: string;
+ tasks: string[];
+}
+
+interface Team {
+ name: string;
+ members: Member[];
+}
+
+const TeamManagement: React.FC = () => {
+ const [teams, setTeams] = useState
+
+ ))}
+
+ {statusMeta[status].icon} {status}
+
+
+
+ {tasks[status].map((task, i) => (
+
+
+ 📌 {task}
+ ))}
+
+ setInputs({ ...inputs, [status]: e.target.value })}
+ placeholder={`Add ${status.toLowerCase()} task...`}
+ />
+
+
+
+
+ );
+};
+
+export default TeamManagement;
diff --git a/client/Pro-Notion/src/pages/welcome.tsx b/client/Pro-Notion/src/pages/welcome.tsx
new file mode 100644
index 0000000..fb30a7e
--- /dev/null
+++ b/client/Pro-Notion/src/pages/welcome.tsx
@@ -0,0 +1,154 @@
+// import "../App.css"
+import "./styles.css/welcome.css";
+import test1 from "../assets/test1.png";
+import test2 from "../assets/test2.png";
+import test3 from "../assets/test4.jpeg";
+import test5 from "../assets/test5.png";
+
+import task1 from "../assets/task1.png";
+import task2 from "../assets/task2.png";
+import task3 from "../assets/task3.jpg";
+const testimonials = [
+ {
+ image: test1,
+ title: "OMG!",
+ message:
+ "ProNotion has been able to greatly reduce my anxiety in project management",
+ },
+ {
+ image: test2,
+ title: "Amazing!",
+ message: "This tool is my daily go-to for staying on top of tasks",
+ },
+ {
+ image: test3,
+ title: "Love it!",
+ message: "My team has never been more organized",
+ },
+];
+
+const tasks = [
+ {
+ image: task1,
+ title: "Communicate",
+ message: "Seamlessly interacte and coordinate with team members",
+ },
+ {
+ image: task2,
+ title: "Project Management",
+ message: "Manage large workloads with ease",
+ },
+ {
+ image: task3,
+ title: "Tasks",
+ message: "Assign and manage your tasks with a simple to use UI",
+ },
+];
+
+const pricingOptions = [
+ {
+ tier: "Free",
+ price: "$0/mo",
+ features: ["Unlimited task creation", "No reminders", "No teams"],
+ },
+ {
+ tier: "Basic",
+ price: "$5/mo",
+ features: ["Task creation", "Reminders", "Up to 5 teams"],
+ },
+ {
+ tier: "Premium",
+ price: "$15/mo",
+ features: ["Everything in Basic", "Email integration"],
+ },
+];
+function PricingCardGrid() {
+ return (
+ 👥 Team Management Panel
+ + {/* Create a team */} +
+ setNewTeamName(e.target.value)}
+ placeholder="Enter new team name"
+ />
+
+
+
+ {/* Team Selector */}
+ {teams.length > 0 && (
+
+
+
+
+ )}
+
+ {/* Selected Team Info */}
+ {selectedTeamIndex !== null && (
+ <>
+ 🚀 Team: {teams[selectedTeamIndex].name}
+ + {/* Add member */} +
+ setNewMemberName(e.target.value)}
+ placeholder="Enter member name"
+ />
+
+
+
+ {/* Member list */}
+
+ {teams[selectedTeamIndex].members.length === 0 ? (
+
+
+ )}
+ No members yet. Add some!
+ ) : ( + teams[selectedTeamIndex].members.map((member, index) => ( +
+
+ ))
+ )}
+
+ 👤 {member.name}
+
+
+
+ -
+ {member.tasks.length === 0 ? (
+
- No tasks assigned. + ) : ( + member.tasks.map((task, i) =>
- 📌 {task} ) + )} +
+ {pricingOptions.map((option, index) => (
+
+ );
+}
+
+function TaskGrid() {
+ return (
+
+
+
+ ))}
+ {option.tier}
++
+ {option.price} +
+
+ {option.features.map((feature, i) => {
+ const isNegative = feature.toLowerCase().includes("no ");
+ return (
+
+
+ {isNegative ? "❌" : "✅"}
+ {feature}
+
+ );
+ })}
+
+ {tasks.map((item, index) => (
+
+ );
+}
+
+function CardGrid() {
+ return (
+
+ 
+
+ ))}
+ {item.title}
+{item.message}
+
+ {testimonials.map((item, index) => (
+
+ );
+}
+export default function WelcomePage() {
+ return (
+
+
+
+ ))}
+ {item.title}
+{item.message}
+
+
+ );
+}
diff --git a/client/Pro-Notion/src/vite-env.d.ts b/client/Pro-Notion/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/client/Pro-Notion/src/vite-env.d.ts
@@ -0,0 +1 @@
+///
+
+
+
+
+ Welcome to ProNotion!
+ {
+
+ Manage tasks on the fly
+ {
+
+ Affordable Pricing
+ {![ProNotion Logo]({require("../assets/pronotion-high-resolution-logo-black.png")}){kind=logo}
- ![LinkedIn]({require("../assets/download.png")})
- ![Gmail]({require("../assets/gmail.png")})
- ![GitHub]({require("../assets/github.png")})
-
-
-
- );
-}
diff --git a/client/pronotion/src/pages/about_page.tsx b/client/pronotion/src/pages/about_page.tsx
deleted file mode 100644
index 2c42b31..0000000
--- a/client/pronotion/src/pages/about_page.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-export default function AboutPage() {
- return (
- <>
-
-
- Email
- Task
- Project
- Teams
-
-
-
- );
-}
diff --git a/client/pronotion/src/pages/auth_page.tsx b/client/pronotion/src/pages/auth_page.tsx
deleted file mode 100644
index 8c2a2b8..0000000
--- a/client/pronotion/src/pages/auth_page.tsx
+++ /dev/null
@@ -1,182 +0,0 @@
-import axios from "axios";
-import React, { useState } from "react";
-import "../styles/auth_page.css";
-export default function AuthPage() {
- const [auth, setAuth] = useStateProNotion
-- ProNotion is a platform to share your ideas, thoughts, and knowledge - with the world.{" "} -
- -
-
-
-
-
-
- );
-}
-
-const login = async (email: string, password: string) => {
- try {
- const response = await axios.post("http://localhost:8080/auth/login", {
- email,
- password,
- });
- console.log(response.data);
- } catch (error) {
- console.error(error);
- }
-};
-
-const signup = async (
- email: string,
- password: string,
- firstName: string,
- lastName: string,
- role: string
-) => {
- try {
- const response = await axios.post("http://localhost:8080/auth/register", {
- email,
- password,
- firstName,
- lastName,
- role,
- });
- console.log(response.data);
- // the data we will receive is a JWT needs to be stored
- const token = response.data.accessToken;
- localStorage.setItem("token", token);
- } catch (error) {
- console.error(error);
- }
-};
-
-const setAuthToken = (token: string) => {
- if (token) {
- axios.defaults.headers.common["Authorization"] = `Bearer ${token}`;
- } else {
- delete axios.defaults.headers.common["Authorization"];
- }
-};
-
-const LoginComponent = () => {
- const [email, setEmail] = useStateJoin us at ProNotion
-
-
- {auth === "login" ? (
-
-
- Returning Users
- -
-
- Create an account
- -
- 
-
-
-
-
- );
-};
-
-const SignupComponent = () => {
- const [email, setEmail] = useStateLogin
- -
-
-
- );
-};
diff --git a/client/pronotion/src/pages/home_page.tsx b/client/pronotion/src/pages/home_page.tsx
deleted file mode 100644
index 04559db..0000000
--- a/client/pronotion/src/pages/home_page.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import Sidebar from "../page_layouts/sidebar";
-
-export default function HomePage() {
- return (
- <>
- Signup
- -
-
-
- );
-}
diff --git a/client/pronotion/src/pages/pricing_page.tsx b/client/pronotion/src/pages/pricing_page.tsx
deleted file mode 100644
index 45f13e0..0000000
--- a/client/pronotion/src/pages/pricing_page.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import React from "react";
-import "../styles/pricing_page.css";
-import { RiMoneyDollarBoxLine } from "react-icons/ri";
-export default function PricingPage() {
- return (
- <>
-
-
-
- );
-}
-
-const pricing = (header: String, pricing: String, info: String[]) => {
- return (
-
- {pricing("Free!", "0", [
- "10 Users included",
- "2 GB of storage",
- "Email support",
- "Help center access",
- ])}
- {pricing("Pro", "15", [
- "20 Users included",
- "10 GB of storage",
- "Priority email support",
- "Help center access",
- ])}
- {pricing("Enterprise", "30", [
- "50 Users included",
- "30 GB of storage",
- "Phone and email support",
- "Help center access",
- ])}
-
-
-
- );
-};
diff --git a/client/pronotion/src/pages/welcome_page.tsx b/client/pronotion/src/pages/welcome_page.tsx
deleted file mode 100644
index 73fef22..0000000
--- a/client/pronotion/src/pages/welcome_page.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-import Footer from "../page_layouts/footer";
-import Header from "../page_layouts/header";
-import "../styles/welcome_page.css";
-import { TbSettingsAutomation } from "react-icons/tb";
-import { MdManageAccounts } from "react-icons/md";
-import { SiAmazonsimpleemailservice } from "react-icons/si";
-import { PiMoneyWavyBold } from "react-icons/pi";
-import { GrSecure } from "react-icons/gr";
-import { PiPersonSimpleRunBold } from "react-icons/pi";
-
-export default function WelcomePage() {
- return (
-
-
- {header}
-
-
-
- {header}
-
-
-
- - -
-
- {info.map((item, index) => {
- return
- {item}
; - })} -
-
- );
-}
diff --git a/client/pronotion/src/styles/auth_page.css b/client/pronotion/src/styles/auth_page.css
deleted file mode 100644
index ba9857c..0000000
--- a/client/pronotion/src/styles/auth_page.css
+++ /dev/null
@@ -1,150 +0,0 @@
-.auth-parent{
- display: flex;
- justify-content: space-evenly;
- flex-direction: column;
- align-items: center;
- background-color: #f5f5f5;
-
- height: 1200px
-}
-
-.button button{
- display: flex;
- justify-content: center;
- align-items: center;
- background-color: powderblue;
- border: none;
- border-radius: 5px;
- height: 20px;
- width: 50px;
-}
-
-.button{
- display: flex;
- justify-content: space-evenly;
- align-items: center;
- margin-top: 1px;
-}
-
-.auth-parent h1{
- margin-top: 20px;
- color : #000;
- font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
-}
-.auth{
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: column;
- background-color: #fff;
- width: 400px;
- height: 500px;
- border-radius: 10px;
- box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
- margin: 20px;
-}
-.login-container {
- /* display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- background-color: #f0f0f0; */
-
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- background-color: white;
- padding: 20px;
- border-radius: 10px;
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-
-}
-
-.login-title {
- font-size: 2rem;
- margin-bottom: 1rem;
-}
-
-.login-form {
- display: flex;
- flex-direction: column;
- width: 300px;
-}
-
-.login-input {
- margin-bottom: 1rem;
- padding: 0.5rem;
- font-size: 1rem;
- border-radius: 4px;
-}
-
-.login-button {
- padding: 0.5rem;
- font-size: 1rem;
- color: #fff;
- background-color: #007bff;
- border: none;
- border-radius: 4px;
- cursor: pointer;
-}
-
-.login-button:hover {
- background-color: #0056b3;
-}
-
-
-.signup-parent {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- background-color: white;
- padding: 20px;
- border-radius: 10px;
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-}
-
-.signup-parent h1 {
- margin-bottom: 20px;
-}
-
-.signup-parent form {
- display: flex;
- flex-direction: column;
- width: 300px;
-}
-
-.signup-parent input {
- margin: 10px;
- padding: 10px;
- border-radius: 5px;
-}
-
-.signup-parent button {
- padding: 10px;
- background-color: #007bff;
- color: white;
- border: none;
- border-radius: 5px;
- cursor: pointer;
-}
-
-.signup-parent button:hover {
- background-color: #0056b3;
-}
-.img {
- display: flex;
- justify-content: center;
- align-items: center;
- margin-top: 20px;
-width: max-content;
-
-}
-.price{
- text-decoration: none;
- color: white;
- background-color: #0056b3;
- padding: 10px;
- border-radius: 5px;
-}
diff --git a/client/pronotion/src/styles/footer.css b/client/pronotion/src/styles/footer.css
deleted file mode 100644
index 3f90ede..0000000
--- a/client/pronotion/src/styles/footer.css
+++ /dev/null
@@ -1,50 +0,0 @@
-.footer-parent{
- display: flex;
- justify-content: space-evenly;
- align-items: center;
- margin: 10px;
- padding: 10px;
- position: fixed;
- bottom: 0;
- left: 0;
- right: 0;
- background-color: #fff;
- box-shadow: 0 0 10px rgba(128, 0, 128, 0.1); /* Adjusted to a purple color */
- z-index: 1000;
- height: 140px;
-
-}
-
-.logo-image{
- width: 15%;
- height: 10%;
- border-radius: 50%;
- transition: 0.5s;
-}
-
-.social-media{
- display: flex;
- justify-content: space-evenly;
- align-items: center;
- gap: 10px;
-}
-
-a{
- text-decoration: none;
- color: #000;
- font-size: 15px;
- margin: 10px;
-}
-
-.social-media a:hover{
- color: #800080; /* Adjusted to a purple color */
- cursor: pointer;
-}
-
-a img{
- width: 50px;
- height: 50px;
- border-radius: 50%;
- transition: 0.5s;
- margin: 5px;
-}
\ No newline at end of file
diff --git a/client/pronotion/src/styles/header.css b/client/pronotion/src/styles/header.css
deleted file mode 100644
index 55cd0ab..0000000
--- a/client/pronotion/src/styles/header.css
+++ /dev/null
@@ -1,40 +0,0 @@
-.header-parent {
- display: flex;
- justify-content: space-evenly;
- align-items: center;
- padding: 10px 10px;
- background-color: #fff;
- gap: 10px;
- box-shadow: 0 0 10px rgba(128, 0, 128, 0.1); /* Adjusted to a purple color */
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- z-index: 1000;
-}
-
-.header-filter:hover{
- color: #800080;
- cursor: pointer;
-
-}
-
-.header-links{
- display: flex;
- justify-content: space-between;
- align-items: center;
- flex-direction: column;
-}
-.header-links a{
- margin: 10px;
- text-decoration: none;
- color: #000;
- font-size: 15px;
-
-}
-
-.header-links a:hover{
- color: #800080; /* Adjusted to a purple color */
-cursor: pointer;
-
-}
\ No newline at end of file
diff --git a/client/pronotion/src/styles/home_page.css b/client/pronotion/src/styles/home_page.css
deleted file mode 100644
index e69de29..0000000
diff --git a/client/pronotion/src/styles/pricing_page.css b/client/pronotion/src/styles/pricing_page.css
deleted file mode 100644
index 77c78e6..0000000
--- a/client/pronotion/src/styles/pricing_page.css
+++ /dev/null
@@ -1,67 +0,0 @@
-.price-parent{
- display:flex;
- justify-content:center;
- flex-direction: column;
- align-items: center;
- margin: 20px;
- gap: 20px;
-
-}
-
-.price-info-container{
- height:1200px;
- width: 1200px;
- display: flex;
- flex-direction: column;
- align-items: center;
- margin: 10px;
- justify-content: space-between;
-
-}
-
-.price-info-container div{
- margin: 10px;
- box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
- display: flex;
-
-}
-
-
-.price-info div{
- display: flex;
- flex-direction: column;
- align-items: center;
- border: 1px solid white;
- margin: 10px;
- justify-content: center;
- align-items: center;
-}
-
-p{
- margin:10px;
- text-align: center;
- text-emphasis: bold;
- border: 1px solid white;
- background-color: gainsboro;
- color: black;
- border-radius: 5px;
-}
-
-button{
- background-color: #7d7dc9;
- color: white;
- border: none;
- border-radius: 5px;
- padding: 10px;
- margin: 10px;
- cursor: pointer;
-}
-
-button:hover{
- background-color: #9292d3;
-}
-
-h1{
- text-align: center;
-
-}
\ No newline at end of file
diff --git a/client/pronotion/src/styles/sidebar.css b/client/pronotion/src/styles/sidebar.css
deleted file mode 100644
index 7cf5a7c..0000000
--- a/client/pronotion/src/styles/sidebar.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.nav-parent {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- margin: 20px;
- gap: 20px;
- height: 100px;
- width: 100px;
-
-}
-
-.nav-list {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin: 10px;
- justify-content: space-between;
-}
-
diff --git a/client/pronotion/src/styles/welcome_page.css b/client/pronotion/src/styles/welcome_page.css
deleted file mode 100644
index ba4d417..0000000
--- a/client/pronotion/src/styles/welcome_page.css
+++ /dev/null
@@ -1,118 +0,0 @@
-.welcome-parent{
- display: flex;
- justify-content: space-evenly;
- flex-direction: column;
- align-items: center;
- gap: 120px;
- background-color: #f0f0f0;
-}
-
-.welcome-header{
- margin: 40px;
-}
-
-.welcome-body{
- display: flex;
- justify-content: space-evenly;
- gap: 40px;
- margin: 20px;
- border: 1px solid #f0f0f0;
- height: 200px;
- width: 95%;
- border-radius: 10px;
-}
-
-.welcome-footer{
- margin: 40px;
-}
-
-li{
- list-style-type: none;
- color: white;
-
-}
-.ol{
- text-align: center;
-}
-
-.list{
- display: inline;
- margin: 10px;
-}
-
-.icon{
- margin-left: 15px;
-}
-
-/* Style for the first welcome body */
-.welcome-body:nth-child(1) {
- background-color: #d1d1f1; /* Slightly darker than parent background */
-}
-
-/* Style for the second welcome body */
-.welcome-body:nth-child(2) {
- background-color: #bcbce7; /* Slightly darker */
-}
-
-/* Style for the third welcome body */
-.welcome-body:nth-child(3) {
- background-color: #a7a7dd; /* Slightly darker */
-}
-
-/* Style for the fourth welcome body */
-.welcome-body:nth-child(4) {
- background-color: #9292d3; /* Slightly darker */
-}
-
-/* Style for the fifth welcome body */
-.welcome-body:nth-child(6) {
- background-color: #7d7dc9; /* Slightly darker */
-}
-.sub-info{
- text-align: center;
- margin: 10px;
-}
-.info{
- display: flex;
- justify-content: space-evenly;
- text-align: center;
- align-items: center;
-}
-
-.infographic{
-background-color: white;
- height: 400px;
- width: 95%;
- display: flex;
- justify-content: space-evenly;
- align-items: center;
- animation: fadeIn 2s;
- border-radius: 20px;
- /* create a shadow */
- box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
-
-}
-
-.infographic img{
- width: max-content;
- height: max-content;
-}
-
-/* create a animation for the opacity to increase for the inforgraphic when loading */
-@keyframes fadeIn {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
-}
-
-.infographic img {
- animation: fadeIn 2s;
-}
-
-/* create hoover affect for inforgraphic images */
-.infographic img:hover {
- transform: scale(1.1);
-}
\ No newline at end of file
diff --git a/client/pronotion/tsconfig.json b/client/pronotion/tsconfig.json
deleted file mode 100644
index a273b0c..0000000
--- a/client/pronotion/tsconfig.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
- "compilerOptions": {
- "target": "es5",
- "lib": [
- "dom",
- "dom.iterable",
- "esnext"
- ],
- "allowJs": true,
- "skipLibCheck": true,
- "esModuleInterop": true,
- "allowSyntheticDefaultImports": true,
- "strict": true,
- "forceConsistentCasingInFileNames": true,
- "noFallthroughCasesInSwitch": true,
- "module": "esnext",
- "moduleResolution": "node",
- "resolveJsonModule": true,
- "isolatedModules": true,
- "noEmit": true,
- "jsx": "react-jsx"
- },
- "include": [
- "src"
- ]
-}
diff --git a/server/.idea/.gitignore b/server/.idea/.gitignore
index 13566b8..7bc07ec 100644
--- a/server/.idea/.gitignore
+++ b/server/.idea/.gitignore
@@ -3,6 +3,8 @@
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/
+# Environment-dependent path to Maven home directory
+/mavenHomeManager.xml
# Datasource local storage ignored files
/dataSources/
/dataSources.local.xml
diff --git a/server/.idea/compiler.xml b/server/.idea/compiler.xml
index 38b5994..140df82 100644
--- a/server/.idea/compiler.xml
+++ b/server/.idea/compiler.xml
@@ -6,13 +6,13 @@
-
-
-
-
-
-
-
- What we offer!
-
-
- -
-
-
- Project Management
-
-
- -
- Automation and templates
-
-
- -
- Email and task agendas
-
-
-
- 
-
-
-
-
- Project Management
-- Manage your projects with ease. Create, assign, and track tasks - efficiently. -
-
-
-
-
-
-
- Why choose us?
-
-
- Pricing
-
-
- -
-
-
- Affordable
-
-
- -
- Easy to use
-
-
- -
- Secure
-
-
-
- 
-
-
-
-
- Development Management
-- Manage your development projects with ease. Create, assign, and - track tasks efficiently. -
-
-
-
-