With this web app you can control four processes at the same time, registering all relevant information on a Data Base that will help you to be able of keeping this data for future analisys. This app was develop to be use in a specific type of process, and then modified using generic titles, variable names and functions in order to post on github as a public repository. If you find any bug, please let me know in order to fix it.
This app was created using a PERN stack
Also use the following packages
To get a local copy up and running follow these simple steps.
You need to have installed node.js in your computer if you want to run this app in your computer. To install node.js follow this link. If you want to use a package manager follow this link.
Also, you need to install a Postgres server in your computer. You can install Postgres from the following link.
Once you have installed node.js and Postgress server, please follow the following steps:
- Clone the repository in your computer
git clone https://github.com/arquiparedes/process_app.git
- Install NPM packages in
Front
andBack
foldersnpm install
- Create a data base in Postgress and run the query in the file
app_db.sql
in order to create the tableapp_process
and the columns you will need - Create a file
.env
in theFront
folder with the following variable:
REACT_APP_PROXY
=localhost
//This will help you to change the address easily if you want to access it from another computer
- Create a file
.env
in theBack
folder with the following variables:
APP_DB_USER
= your postgres userAPP_DB_HOST
= your postgres hostAPP_DB_PASSWORD
= your postgres passwordAPP_DB_DB
= your postgres data baseAPP_DB_PORT
= your postgres port
First, this app is develop to run in a develop enviroment. If you want to run in production, you will need to change some settings.
-
Start your data base server on Postgress
-
Open a terminal and go to the
Back
folder, then run the following script:node index.js
This wills start the backend server. You will see the following message in your terminal Servidor corriendo en 3001
-
Open a new terminal and go to the
Front
folder, then run the following script:npm start
This will start your frontend server and will open your browser with the app interface. For more informatio you can see the README file in the
Front
folder.
Once you have follow the previous steps you will be able to use the app.
You will see in the screen four processes ready to be started.
Just complete the Process General Information and press Iniciar Proceso
In any of the screens you can click on Resumen de Proceso
and you will see the information that has been register so far.
You can start or finish any process en any time and it will not afect the other processes
Enjoy the App!!
Distributed under the MIT License. See LICENSE.md
for more information.
Twitter - @arquiparedes
LinkedIn - Arquimedes Paredes
Web - www.arquiparedes.com
Project Link: https://github.com/your_username/repo_name