YT

yuvrajcodes1925/taskforge

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

0 stars 品質 51 トレンド 4

A full-stack collaborative task management web application built with React, Node.js/Express, and PostgreSQL.

概要

A full-stack collaborative task management web application built with React, Node.js/Express, and PostgreSQL. Follow the steps in the Deployment on Railway section below, then update this link with your Railway URL. - – Signup/Login with JWT tokens - – Create projects, invite members, manage roles (Admin/Member) - – Create tasks with title, description, due date, priority, and assignment - – To Do → In Progress → Done - – Overview of total tasks, tasks by status, tasks per user, overdue tasks - – Admins manage everything; Members update their own assigned tasks Open http://localhost:5000 in your browser. After running the schema (which seeds a demo account): - [email protected] - demo123 1. Go to railway.app and create a new project 2. Add a plugin to the project 1. Connect your GitHub repository 2. Set the to / and start command to npm run start 3. Add environment variables: 1. Create a second Railway service from the same repo 2. Set build command: npm run build:client 3.

README

以下は原文 README の抜粋です。原文を見る。

TaskForge – Team Task Manager

A full-stack collaborative task management web application built with React, Node.js/Express, and PostgreSQL.

Live Demo

Deploy to Railway: Follow the steps in the Deployment on Railway section below, then update this link with your Railway URL.

Features

  • User Authentication – Signup/Login with JWT tokens
  • Project Management – Create projects, invite members, manage roles (Admin/Member)
  • Task Management – Create tasks with title, description, due date, priority, and assignment
  • Status Tracking – To Do → In Progress → Done
  • Dashboard – Overview of total tasks, tasks by status, tasks per user, overdue tasks
  • Role-Based Access – Admins manage everything; Members update their own assigned tasks

Tech Stack

Layer Technology
Frontend React 19, React Router, Axios
Backend Node.js, Express 5
Database PostgreSQL
Auth JWT (jsonwebtoken) + bcryptjs
Build Vite
Styling Custom CSS (no framework)

Project Structure

taskforge/
├── client/              # React frontend (Vite)
│   ├── src/
│   │   ├── api/         # Axios instance
│   │   ├── components/  # Reusable components (Sidebar)
│   │   ├── context/     # AuthContext
│   │   └── pages/       # Dashboard, Projects, ProjectDetail, Tasks, Login, Register
│   └── vite.config.js
├── server/              # Express backend
│   ├── routes/          # auth, projects, tasks, dashboard, users
│   ├── middleware/       # JWT authentication
│   ├── db.js            # PostgreSQL pool
│   └── index.js         # Entry point
├── schema.sql           # Database schema
├── .env.example
└── package.json

Local Setup

Prerequisites

  • Node.js 18+
  • PostgreSQL database

Steps

# 1. Clone the repository
git clone https://github.com/the708052/TaskForge.git
cd TaskForge

# 2. Install dependencies
npm install

# 3. Set up environment variables
cp .env.example .env
# Edit .env with your DATABASE_URL and JWT_SECRET

# 4. Create the database schema
psql $DATABASE_URL -f schema.sql

# 5. Start the backend (port 3001)
npm run server

# 6. Start the frontend (port 5000) — in a new terminal
npm run client

# Or run both together:
npm run dev

Open http://localhost:5000 in your browser.

Demo Account

After running the schema (which seeds a demo account):

Deployment on Railway

Step 1 – Create a Railway project

  1. Go to railway.app and create a new project
  2. Add a PostgreSQL plugin to the project

Step 2 – Deploy the backend

  1. Connect your GitHub repository
  2. Set the Root Directory to / and start command to npm run start
  3. Add environment variables:
    DATABASE_URL=
    JWT_SECRET=
    NODE_ENV=production
    PORT=3001
    
GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add yuvrajcodes1925/taskforge
MCP 初心者?mcpskill.org のガイドから始めましょう →