bryanlzl / react-tasker

A functional React task creator

React-Tasker

A task manager (to-do list) build with Reactjs, Expressjs and PostgreSQL

Features

• Each task has a task name, priority level, due date & time and completion status
• Create, edit, delete tasks
• Date & time selector uses react-datepicker
• Sort tasks by any field (ascending/descending)
• Save and discard changes made (save/load current task items in database table)

Getting Started

Prerequisites:
1. Node.js - v16.15.0
2. PostgreSQL - 12.17

To setup PostgreSQL table:
Query to create empty task table

CREATE TABLE tasks (
  task_idx serial PRIMARY KEY,
  task_name character varying(255),
  task_priority character varying(8),
  due_date timestamp with time zone,
  is_completed boolean
);

Installation

Apart from pre-requisites, install these dependencies starting from root folder:
cd client
npm install
cd ../server
npm install
cd ..
npm install

To run:
npm start

Motivations

This project was built to reinforce fundamental concepts of React and frontend development as well as introducing fundamental concepts of backend development such as Express.js, PostgreSQL and creating REST APIs.