Skip to content

JohnKamaujk/TaskFlow

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

Taskflow - Customer Support System

Taskflow is a full-stack application designed to streamline customer support through an efficient taskflow. Built with Firebase, this system supports secure user authentication, ticket creation and management, assignment workflows, and feedback collection.

My Image

My Image

My Image

Features:

- Software Architecture: Follows the MVC pattern for organized and scalable development;
- Next.js Frontend: Blazing-fast frontend using server-side rendering and static generation;
- Express Backend: RESTful API for seamless data handling and secure backend logic;
- Prisma ORM: Simplified database queries and schema management with Prisma;
- PostgreSQL Database: Reliable, ACID-compliant relational database for data storage;
- Role-Based Access Control: Different dashboard views for users and admins;
- Task Assignment: Assign tasks to team members or categorize by project;
- Progress Tracking: Monitor task statuses (e.g., Pending, In Progress, Completed);
- Priority Management: Set and filter tasks by priority levels;
- Notifications: Real-time toast notifications for task updates;
- Responsive Design: Built to work seamlessly on both desktop and mobile;
- CSV Export: Download task and progress reports in CSV format.

Built With

Key frameworks and tools used to develop Taskflow:

  • Next.js
  • Express
  • Prisma
  • PostgreSQL
  • TypeScript

(back to top)

Getting Started

Instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

  • npm
    npm install npm@latest -g

Installation

Below is an example of how you can instruct your audience on installing and setting up your app. install the dotenv package in both of your directories

  1. Clone the repo
    https://github.com/JohnKamaujk/TaskFlow.git
  2. cd into the frontend folder
    cd client/
  3. Install NPM packages
    npm install
  4. Create a dot env file inside the frontend folder and set up env variables
     REACT_APP_API_URL(Deployed api-url) =
  5. cd into the backend folder
    cd server/
  6. Install NPM packages
    npm install
  7. Create a dot env file inside the backend folder and set up env variables
     PORT = 
     DATABASE_URL = 
  8. Then run both the backend and frontend servers using
    npm run dev

(back to top)