TaskMaster Pro 📊

A modern, feature-rich project management application built with React, Node.js, Express, and PostgreSQL. TaskMaster Pro helps teams collaborate efficiently, manage projects seamlessly, and boost productivity.

📑 Table of Contents

• ✨ Features
• 🛠️ Tech Stack
• 📥 Installation
• 🔐 Environment Setup
• 📈 Roadmap
• 👥 Contributing
• 🔄 Development Process
• 📄 License
• 📫 Contact

Home Page

Dashboard

✨ Features

• 📊 Interactive Dashboard - Get real-time insights into your projects and tasks
• 👥 Team Collaboration - Work together seamlessly with team members
• 📱 Responsive Design - Works perfectly on desktop and mobile devices
• 🌙 Dark/Light Mode - Choose your preferred theme
• 🔐 Secure Authentication - JWT-based authentication system
• 📋 Project Management - Create, track, and manage projects efficiently
• ✅ Task Management - Organize tasks with priorities and deadlines
• 📈 Progress Tracking - Monitor project and task progress
• 🔔 Real-time Updates - Stay informed with instant notifications
• 📁 File Management - Attach and manage files in projects and tasks

🛠️ Tech Stack

Frontend

• ⚛️ React - UI Library
• 🔄 Redux Toolkit - State Management
• 🎨 Tailwind CSS - Styling
• 📊 Recharts - Data Visualization
• 🎭 Framer Motion - Animations
• 🔐 JWT Decode - Authentication

Backend

• 🟢 Node.js - Runtime Environment
• 🚂 Express.js - Web Framework
• 🐘 PostgreSQL - Database
• 🔄 Sequelize - ORM
• 🔑 JWT - Authentication
• 📝 TypeScript - Type Safety

📥 Installation

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (v14.0.0 or higher)
• PostgreSQL (v13.0 or higher)
• npm or yarn package manager
• Git

Step-by-Step Installation Guide

1️⃣ Clone the Repository

git clone https://github.com/yourusername/taskmaster-pro.git

2️⃣ Navigate to project directory

# cd TaskMasterPro

Frontend Setup

# Navigate to frontend directory
cd client

Install dependencies

yarn install

Create .env file for frontend

cp .env.example .env

Start development server

yarn start

Backend Setup

# Navigate to frontend directory
cd server

Install dependencies

yarn install

Create .env file for frontend

cp .env.example .env

Start development server

yarn dev start

📊 Database Setup

Create PostgreSQL database

psql -U postgres

CREATE DATABASE taskmasterpro;

🔐 Environment Setup

• Required env variables ⚠️

🖥️ Frontend Environment Variables

Create a .env file in the root of your client directory:

# Cient Configuration 🌐 
REACT_APP_API_URL=http://localhost:5000/api
REACT_APP_API_TIMEOUT=30000

🖥️ Backend Environment Variables

Create a .env file in the root of your server directory:

# Server Configuration 🌐 
PORT=5000
NODE_ENV=development

# Database Configuration
DB_HOST=localhost
DB_PORT=5432
DB_NAME=taskmasterpro
DB_USER=postgres
DB_PASSWORD=your_password

# JWT Configuration
JWT_SECRET=your_jwt_secret_key
JWT_EXPIRES_IN=24h

# CORS Configuration
CORS_ORIGIN=http://localhost:3000

📈 Roadmap

• 💬 Team chat integration
• 📊 Advanced analytics dashboard
• ⏰ Time tracking features
• 📱 Mobile application
• 📚 API documentation
• 📁 Enhanced file management
• ⚙️ Custom workflow automation

👥 Contributing

Contributions are welcome! Here's how you can help:

1. 🍴 Fork the repository
2. 🌱 Create a feature branch (git checkout -b feature/AmazingFeature)
3. 💫 Commit your changes (git commit -m 'Add some AmazingFeature')
4. 🚀 Push to the branch (git push origin feature/AmazingFeature)
5. 🔍 Open a Pull Request

🔄 Development Process

1. Fork the repository
2. Create your feature branch

git checkout -b feature/amazing-feature

3. Commit changes

git commit -m 'feat: add amazing feature'

4. Push to the branch

git push origin feature/amazing-feature

5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

📫 Contact

Let's connect! Reach out to us through:

• 📧 Email:
• westendcrew1982@gmail.com
• dgoldenthal@gmail.com
• https://github.com/GabrielSilvaxD

---

Made with ❤️ by Waleed, Dov, Gabriel | © 2024 All Rights Reserved ✨