Index

• Index
• About
  • Links
• Technology
  • Installation
• Running the backend
• Running the frontend

About

This application is a copy of the playground, with its main features. Enabling the user to create a PDF easily, using html, json, javascript and css.

Links

1. JsReport Playground:

   https://playground.jsreport.net/

Technology

Here is a brief overview of our technology stack::

• [Backend]

• Docker and Docker Compose Tool used to create our development and test environments in aws.

• MongoDB how to store our data.

• Express tool to build web server with nodejs.

• JsReport

• Phantom-pdf

• [Frontend]

• React Library used to control the application interface

• Redux-Saga To control asynchronous operations

• Reduxsauce Provides a few tools for working with Redux-based codebases.

• Semanti-ui-react Library used to build the application layout

Installation

If you've never developed this app before:

1. Clone the repository with SSH:

   $ git@github.com:cgama-dev/app-report.git

2. Clone the repository with HTTPS:

   $ https://github.com/cgama-dev/app-report.git

Running the backend

To run the server, you will have to install couchdb database

1. Install the database:

   • Install MongoDB

2. Create the database:

   -- Ex: db_jsreport

      projectName: {
        type: String,
        required: true
      },
      url: {
        type: String
      },
      createdAt: {
        type: Date,
        default: Date.now
      }

3. Configure Database with your credentials:

       $ cd app-report/api/src
       $ vim .env.development

   -- Ex: edit .env.development

   $ MONGODB_URI=mongodb://username:password@localhost:port/db_jsreport

   -- Ex: edit .index.js

   $ cd app-report/api/src/database
   $ vim index.js

   -- Add variable MONGODB_URI in connect

   $ mongoose.connect(process.env.MONGODB_URI, {
      useNewUrlParser: true
   })

4. Install project dependency:

    $ cd  app-report/api/ && yarn

   ou

   $ cd  app-report/api/ && npm install

5. Then finally run the server with development:

   $ yarn start

6. The application is running by default on port 4010

   $ http://localhost:3011

Running the frontend

1. Install project dependency:

   $ cd app-report/client && yarn

    ou
   

   $ cd app-report/client && npm install

2. Configure conection with api edit file:

   $ vim app-report/client/src/redux/sagas/reports.js

3. Then finally run the client with

   $ yarn start

4. Default loading in port 3000

   $ http://localhost:3000