MY TASK MANAGER #130

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open

phenomenalCode wants to merge 23 commits into Technigo:main from phenomenalCode:main

0 backend/.babelrc → .babelrc

File renamed without changes.

.gitignore

-Original file line number
+Diff line change
@@ -1,15 +1,35 @@
-    node_modules
-    .DS_Store
+    # Node modules
+    node_modules/
+    backend/node_modules/
+    frontend/node_modules/
+    # Logs
+    *.log
+    npm-debug.log*
+    yarn-debug.log*
+    yarn-error.log*
+    # Environment variables
     .env
     .env.local
     .env.development.local
     .env.test.local
     .env.production.local
+    backend/.env
+    frontend/.env
-    build
+    # Build outputs
+    frontend/dist/
+    frontend/build/
+    build/
-    npm-debug.log*
-    yarn-debug.log*
-    yarn-error.log*
+    # OS files
+    .DS_Store
+    Thumbs.db
+    # IDE configs
+    .vscode/
+    .idea/
-    package-lock.json
+    # Package lock
+    package-lock.json

README.md

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,13 +1,58 @@
  
    # Final Project

    Final Project

    Replace this readme with your own information about your project.

    #This is a full-stack Task Management App where users can create, update, and manage tasks, projects, and groups with file uploads, authentication, and a responsive UI.

    Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.

    # The problem

    ## The problem

    #A lot of people including myself have task managing problems this app solves it with a vast array of methods. It also supports collaberation.

    Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next?

    #The assignment was to build a complete full-stack application. I chose to create a task and project management system that supports collaboration, authentication, and file handling.

    ## View it live

    #I planned the project around scalability and user experience, using:

    Every project should be deployed somewhere. Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about.
      
    #Frontend: React (Vite) with Zustand for state management and Material-UI for accessible, responsive components.

    Backend: Node.js + Express with MongoDB, GridFS for file storage, Multer for uploads, and JWT for authentication.

    Deployment: Netlify (frontend) and Render (backend).

    If I had more time, I’d add real-time updates (WebSockets), richer collaboration tools, and more advanced analytics dashboards.

    ## View  live 

    https://project-final-darius-1.onrender.com

    Frontend: https://project-final-darius.netlify.app/

    Key Highlights:

    Frontend: React (Vite), Zustand for state management with persistence, Material-UI for responsive and accessible UI, Axios for API communication.

    Backend: Node.js + Express with a RESTful API, MongoDB for storage, GridFS for file handling, Multer for uploads, and JWT for authentication.

    Core Features:

    Full task CRUD (create, update, delete, completion tracking).

    Project management with automatic completion calculation.

    Group management (create, join, leave, assign projects).

    File uploads stored in MongoDB GridFS.

    Filtering, search, and pagination support.

    UX & Accessibility: Dark/light mode toggle, responsive layout, ARIA roles, modals, snackbars, and real-time state-driven updates.

    Deployment: Frontend on Netlify, backend on Render.

    What it demonstrates:

    Proficiency in advanced state management (Zustand + persistence).

    Secure authentication with JWT and protected API routes.

    Scalable backend architecture with modular routes and file storage.

    Strong focus on UX and accessibility through Material-UI and responsive design.

    Readiness for future enhancements like real-time collaboration.

backend/db/db.js

-Original file line number
+Diff line change
@@ -0,0 +1,20 @@
+    import mongoose from "mongoose";
+    export const connectDB = async () => {
+      const mongoUrl = process.env.MONGO_URI || "mongodb://localhost:27017/task-manager";
+      try {
+        await mongoose.connect(mongoUrl, {
+          useNewUrlParser: true,
+        });
+        console.log("✅ MongoDB connected:", mongoUrl);
+      } catch (err) {
+        console.error("❌ MongoDB connection error:", err);
+        process.exit(1); // exit process if DB connection fails
+      }
+      mongoose.connection.on("disconnected", () => {
+        console.warn("⚠️ MongoDB disconnected!");
+      });
+    };

backend/middleware/authmiddleware.js

-Original file line number
+Diff line change
@@ -0,0 +1,36 @@
+    import jwt from "jsonwebtoken";
+    export const authMiddleware = (req, res, next) => {
+      try {
+        const authHeader = req.headers.authorization;
+        if (!authHeader) {
+          console.warn("[Auth] No Authorization header");
+          return res.status(401).json({ error: "No token provided" });
+        }
+        const token = authHeader.split(" ")[1];
+        if (!token) {
+          console.warn("[Auth] No token after Bearer");
+          return res.status(401).json({ error: "No token provided" });
+        }
+        const decoded = jwt.verify(token, process.env.JWT_SECRET || "supersecret123");
+        if (!decoded) {
+          console.warn("[Auth] Token could not be decoded");
+          return res.status(401).json({ error: "Invalid token" });
+        }
+        // Ensure req.user has id and groupId
+        req.user = {
+          id: decoded.id,
+          groupId: decoded.groupId,
+        };
+        next();
+      } catch (err) {
+        console.error("[Auth] Error verifying token:", err.message);
+        res.status(401).json({ error: "Unauthorized" });
+      }
+    };

backend/middleware/upload-task.js

-Original file line number
+Diff line change
@@ -0,0 +1,26 @@
+    import multer from "multer";
+    import path from "path";
+    // Store uploads in /uploads folder
+    const storage = multer.diskStorage({
+      destination: (req, file, cb) => {
+        cb(null, "uploads/");
+      },
+      filename: (req, file, cb) => {
+        cb(null, Date.now() + path.extname(file.originalname)); // unique name
+      },
+    });
+    export const upload = multer({ storage });
+    export const detectFileType = (mimetype) => {
+      if (mimetype.startsWith("image/")) return "image";
+      if (mimetype === "application/pdf") return "pdf";
+      if (
+        mimetype === "application/msword" ||
+        mimetype.includes("officedocument")
+      )
+        return "doc";
+      if (mimetype.startsWith("text/")) return "text";
+      return "other";
+    };

backend/model/files.js

-Original file line number
+Diff line change
@@ -0,0 +1,17 @@
+    import mongoose from "mongoose";
+    const fileSchema = new mongoose.Schema({
+      name: String, // original file name
+      filename: String, // GridFS stored filename (with timestamp prefix)
+      url: String, // `/tasks/files/:filename` for frontend
+      contentType: String, // MIME type (e.g., text/plain, application/pdf)
+      size: Number, // file size in bytes
+      type: {
+        type: String,
+        enum: ["image", "pdf", "doc", "text", "other"],
+        default: "other"
+      },
+      folder: { type: String, default: "root" },
+    });
+    export default mongoose.model("File", fileSchema);

backend/model/groups.js

-Original file line number
+Diff line change
@@ -0,0 +1,10 @@
+    import mongoose from "mongoose";
+    const groupSchema = new mongoose.Schema({
+      name: { type: String, required: true },
+      members: [{ type: mongoose.Schema.Types.ObjectId, ref: "User" }],
+      currentProject: { type: String, default: null },
+      createdAt: { type: Date, default: Date.now },
+    });
+    export default mongoose.model("Group", groupSchema);

backend/model/tasks.js

-Original file line number
+Diff line change
@@ -0,0 +1,31 @@
+    import mongoose from "mongoose";
+    const fileSchema = new mongoose.Schema({
+      name: String, // original file name
+      filename: String, // GridFS stored filename (with timestamp prefix)
+      url: String, // `/tasks/files/:filename` for frontend
+      contentType: String, // MIME type (e.g., text/plain, application/pdf)
+      size: Number, // file size in bytes
+      type: {
+        type: String,
+        enum: ["image", "pdf", "doc", "text", "other"],
+        default: "other"
+      },
+      folder: { type: String, default: "root" },
+    });
+    const taskSchema = new mongoose.Schema({
+      title: { type: String, required: true, trim: true },
+      description: { type: String },
+    category: { type: String, enum: ["Work","Home","Health","Errands","Leisure","Other",""], default: "Other" } ,
+    priority: { type: String, enum: ["low", "medium", "high"], default: "medium" },
+      dueDate: { type: Date },
+      completed: { type: Boolean, default: false },
+      files: [fileSchema], // structured files
+      createdBy: { type: mongoose.Schema.Types.ObjectId, ref: "User", required: true },
+      group: { type: mongoose.Schema.Types.ObjectId, ref: "Group", required: true },
+      createdAt: { type: Date, default: Date.now },
+    });
+    export const Task = mongoose.model("Task", taskSchema);

backend/model/users.js

-Original file line number
+Diff line change
@@ -0,0 +1,11 @@
+    import mongoose from "mongoose";
+    const userSchema = new mongoose.Schema({
+      username: { type: String, required: true, unique: true, trim: true },
+    email: { type: String, lowercase: true } ,// remove required
+      passwordHash: { type: String, required: true },
+      group: { type: mongoose.Schema.Types.ObjectId, ref: "Group" },
+      createdAt: { type: Date, default: Date.now }
+    });
+    export default mongoose.model("User", userSchema);

backend/package.json

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,20 +1,25 @@
  
    {

      "name": "project-final-backend",

      "version": "1.0.0",

      "type": "module",

      "description": "Server part of final project",

      "scripts": {

        "start": "babel-node server.js",

        "dev": "nodemon server.js --exec babel-node"

         "start": "babel-node backend/server.js",

      "dev": "nodemon backend/server.js --exec babel-node"

      },

      "author": "",

      "license": "ISC",

      "dependencies": {

        "@babel/core": "^7.17.9",

        "@babel/node": "^7.16.8",

        "@babel/preset-env": "^7.16.11",

        "backend": "file:..",

        "bcrypt": "^6.0.0",

        "cors": "^2.8.5",

        "express": "^4.17.3",

        "jsonwebtoken": "^9.0.2",

        "mongoose": "^8.4.0",

        "multer": "^2.0.2",

        "nodemon": "^3.0.1"

      }

    }
      
    }

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

MY TASK MANAGER #130

Uh oh!

Diff view

Diff view

There are no files selected for viewing

Uh oh!

MY TASK MANAGER #130

Are you sure you want to change the base?

Uh oh!

MY TASK MANAGER #130

Uh oh!

Uh oh!

Diff view

Diff view

There are no files selected for viewing

Uh oh!