/simple-task-management-tool-frontend

This is the frontend to my simple-task-management-tool. If provides a responsive SPA utilizing React Hooks. It is written in TypeScript and the ReactJS framework.

Primary LanguageTypeScript

Simple Task Management Tool (Backend)

Foobar is a Python library for dealing with word pluralization.

Installation

Download and install NodeJS LTS. Confirm that the application installed by issuing the command:

node -v

You should see a similar printout:

$ node -v
v14.15.5

Next, globally install the following NPM module:

npm install -g npm@latest typescript tslint

Download and install Docker. Confirm that the application installed by issuing the command:

docker -v

You should see a similar printout:

$ docker -v
Docker version 20.10.2, build 2291f61

Usage

Run this command to download the node modules:

npm install

Starting the application is easy! Run the following command:

npm start

If you would like to run tests, run this command:

npm test

If you would like to run the linter, run this command:

npm lint

If you would like to build the application, run this command:

npm build

To Dockerize the application, run the following command from the application's root directory:

docker build -t simple-task-management-tool-frontend .

Then, run the Docker application, assuming port 3000:

docker run --rm -p 3000:3000 --name simple-task-management-tool-frontend simple-task-management-tool-frontend:latest

Backend Component

You will need the backend API running in the background in order to make the appropriate API calls. That repo can be found at https://github.com/jcosentino/simple-task-management-tool-backend.

Clone it in a separate folder:

git clone git@github.com:jcosentino/simple-task-management-tool-backend.git

Finally, follow the directions according to the backend appication's README.

Compatibility

This application has been tested on the following web browsers (desktop and mobile Android):

Google Chrome
Mozilla Firefox

Any other browsers might not work as intended. Use other browsers at your own risk.