olegood / vms Goto Github PK

Goal
Add pages layout blueprints.

Acceptance Criteria

• add some pages skeletons
• example layouts could be reached from menu items

Goal
Introduce build info API and display it in footer.

Acceptance Criteria

• configure API for retrieving build info (current version)
• create Footer component and display app version within it
• add timestamp tooltip (when cursor is over the version tooltip appears)

Specification
GET /api/build-info

Goal
Create minimal page to list all the people stored.

Acceptance Criteria

• new navigation item is present: "People"
• people page contains table with all the records available in database
• page should display total number of records stored

Scratch Design

Goal
Create initial project structure and make the first build successful.

Acceptance Criteria
Project has to be based on following tools and technologies:

• Java 11
• Spring Boot
• Apache Maven

Build should be successful:

$ mvn clean install

Goal
Introduce ESLint to keep JS code clean.

Acceptance Criteria

• ESLint is added to dependencies
• all main rules configured
• all JS code is formatted accordingly

User Story
As a User,
I want to quick search for a person
so it will be easy to find particular person.

Goal
Add quick search component and make it possible to quickly find a person by surname.

Acceptance Criteria

• people page has quick search component
• every key pressing should trigger filtering people by surname
• pagination has to be considered as well
• row menu items added (placeholders)

Goal
If user navigates to incorrect (or nonexistent page) land to custom error page.

Acceptance Criteria

• create separate react component
• configure routing options

User Story
As a User,
I want to see another favicon
so I will be able easily find application tab.

Goal
Change favicon.ico file for another appropriate one.

Acceptance Criteria

• old favicon file is changes for brand new one
• application title now is "VM App"

Goal
Add initial README file containing basic description and list of potential tech tools that will be used.

Acceptance Criteria

• add general description
• list of potential tech tools (Java 11, Spring Boot, Lombok, Maven, H2, Liquibase, JUnit, Mockito)

Goal
Introduce ReactJS application

Acceptance Criteria

• separate 'app' directory created
• all the front end pieces should be placed accordingly

Goal
Configure Liquibase in order to track, version, and deploy database changes.

Acceptance Criteria

• Liquibase is configured
• previously configured database schema and data is fully migrated to Liquibase configuration files
• configuration type: XML

Specification
Initial database schema name should be VM

spring.datasource.url=jdbc:h2:mem:vmsdb;INIT=CREATE SCHEMA IF NOT EXISTS VM

Liquibase master file should be customized:

#liquibase
spring.liquibase.change-log=classpath:db/changelog/db.changelog-master.xml

Avoid using external library:

<dependency>
  <groupId>org.apache.commons</groupId>
  <artifactId>commons-lang3</artifactId>
</dependency>

Goal
Show pagination elements only if elements count is greater that fetch size. No need to show pagination if elements fit one page.

Acceptance Criteria

• pagination is not shown if fetch data can be shown on one page

Introduce arch unit tests:

<dependency>
  <groupId>com.tngtech.archunit</groupId>
  <artifactId>archunit</artifactId>
  <version>0.23.0</version>
  <scope>test</scope>
</dependency>

User Story
As a User I want to have pagination on people page,
So, I could navigate the data partially.

Goal
Retrieve database information partially.

Acceptance Criteria

• add pagination elements on people page

Goal
To have minimal database configuration and in-memory persistent storage.

Acceptance Criteria

• simplest database configuration is set
• H2 in-memory db is used

Specification
Add schema.sql and data.sql to have.

Step to reproduce

1. Open any application page

Actual Result
Footer is not stocked to the bottom.

Expected Result
Any application page has sticky footer.

User Story
As I user,
I wan to see some actions with icons
so it is easy to recognize actions or navigation items.

Goal
Configure Font Awesome free icons as most popular library for React.

Acceptance Criteria

• font awesome icons are set
• all navigation items have icons

User Story
As a User,
I want to see header menu placeholder,
So, I will be able so overview the picture.

Goal
Configure header menu items.

Acceptance Criteria

• header menu items have draft placeholders for menu items
• menu items contain several sample actions
• disable unsupported actions

Goal
Introduce Twitter Bootstrap Framework.

Acceptance Criteria

• install npm bootstrap module
• configure footer content
• add sample navigation panel
• add sample content

Specification

• footer has to be divided by two parts
• application version should be located in right bottom

Goal
Initiate production database schema.

Acceptance Criteria

• some basic tables are configured properly
• list of new tables: voucher, voucher_utilization, petition, person, personal_info