Skip to content

README.md

Latest commit

 

History

History
255 lines (169 loc) · 3.69 KB

README.md

File metadata and controls

255 lines (169 loc) · 3.69 KB
Raw

🚀 FlowForge

Forge Ideas Into Reality

FlowForge is a modern full-stack project management and team collaboration platform designed to help teams plan, track, and deliver projects efficiently.

Built with a premium SaaS experience, FlowForge combines workspaces, projects, Kanban boards, task management, real-time collaboration, notifications, and team management into one seamless platform.

🌐 Live Demo

Application: https://code-alpha-flow-forge.vercel.app

Backend API: https://codealpha-flowforge.onrender.com

GitHub Repository: https://github.com/ayush26011/CodeAlpha_FlowForge

✨ Features

🔐 Authentication

  • User Registration
  • Secure Login
  • JWT Authentication
  • Protected Routes
  • Session Persistence

🏢 Workspace Management

  • Create Workspaces
  • Manage Team Members
  • Role-Based Access
  • Workspace Dashboard
  • Activity Tracking

📁 Project Management

  • Create Projects
  • Organize Team Work
  • Project Status Tracking
  • Progress Monitoring
  • Workspace Integration

📋 Task Management

  • Create Tasks
  • Edit Tasks
  • Assign Team Members
  • Due Dates
  • Priorities
  • Labels
  • Task Comments

📌 Kanban Board

  • Drag & Drop Tasks
  • Real-Time Status Updates
  • Multiple Workflow Columns
  • Visual Project Tracking

📅 Calendar View

  • Task Scheduling
  • Due Date Tracking
  • Calendar-Based Planning
  • Task Deadline Visibility

👥 Team Collaboration

  • Invite Members by Email
  • Role Management
  • Team Directory
  • Collaboration Tools

🔔 Notifications

  • Task Updates
  • Assignment Alerts
  • Comment Notifications
  • Workspace Activity
  • Real-Time Updates

⚙️ Settings & Profile

  • Profile Management
  • Privacy Controls
  • Notification Preferences
  • Appearance Settings
  • Security Options

📱 Responsive Design

  • Mobile Friendly
  • Tablet Optimized
  • Desktop Experience
  • Adaptive Layouts

🛠️ Tech Stack

Frontend

  • React.js
  • Vite
  • Tailwind CSS
  • Framer Motion
  • Axios
  • Socket.IO Client

Backend

  • Node.js
  • Express.js
  • MongoDB Atlas
  • Mongoose
  • JWT Authentication
  • Socket.IO
  • Multer

Cloud Services

  • MongoDB Atlas
  • Cloudinary
  • Render
  • Vercel

🏗️ Architecture

Frontend (React + Vite)
        │
        ▼
Backend API (Node.js + Express)
        │
        ▼
MongoDB Atlas
        │
        ▼
Socket.IO Real-Time Layer
        │
        ▼
Cloudinary Media Storage

🎯 Core Modules

Dashboard

Central overview of:

  • Workspaces
  • Projects
  • Tasks
  • Activity
  • Deadlines

Workspaces

Organize teams and projects into collaborative environments.

Project Board

Visual Kanban workflow for managing project execution.

Calendar

Track tasks and deadlines using an interactive calendar.

Team

Manage workspace members, roles, and permissions.

Notifications

Receive updates across projects and team activity.

🔒 Security

  • JWT-Based Authentication
  • Protected API Routes
  • Password Hashing with bcrypt
  • Role-Based Permissions
  • Secure Environment Variables

🚀 Deployment

Frontend

Hosted on Vercel

https://code-alpha-flow-forge.vercel.app

Backend

Hosted on Render

https://codealpha-flowforge.onrender.com

Database

MongoDB Atlas

Media Storage

Cloudinary

🔮 Future Improvements

  • Advanced Analytics
  • AI Productivity Insights
  • File Attachments
  • Team Chat
  • Project Templates
  • Time Tracking
  • Reporting Dashboard

👨‍💻 Author

Ayush Tiwari

GitHub: https://github.com/ayush26011

⭐ Support

If you like this project, consider giving it a star on GitHub.

Built with ❤️ using React, Node.js, MongoDB Atlas, Socket.IO and Cloudinary.