📝 Table of Contents

• Problem Statement
• Idea / Solution
• Dependencies / Limitations
• Future Scope
• Setting up a local environment
• Usage
• Technology Stack

🧐 Problem Statement

Bundles investigation revealed some fundametal issues with current frontend setup of Go-Site-Management.

• IDEAL: Have ability to plan and implement features within Go-Site-Management service. Operate within one web application that will have all the edition features. Have ability to communicate with Data layers through REST api.
• REALITY: Currently Go-Site-Management is multiple separated services deeply coupled with Java Spring Boot (Back-End).
• CONSEQUENCES: Unmaintainable and unscalable frontend makes features planning hard if not impossible, drastically increase estimations and development/support cost.

💡 Idea / Solution

The idea is to create maintainable, scalable and readable solution that will bring some planning clarity and ease of frontend development. Main target for the solution will be separation of concerns between frontend and backend, leaving frontend isolated and being responsible only for the frontend part of work.

⛓️ Dependencies / Limitations

• Should use SPA approach within one of proven frontend frameworks
• Should have dedicated state management mechanism
• Should use Typescript
• Bundling should be Frontend responsibility
• Should have linting and prettifyer
• Should be possible to set testing framework

🚀 Future Scope

To have an impression about future scope visit THIS PAGE

🏁 Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

You should have node LTS installed on your machine.

Installing

Copy repository. Run

yarn install

And

yarn start

to run project locally.

Use commands yarn start:dev and yarn start:prod to alter environments.
Use commands yarn build:dev and yarn build:prod to build project altering environments.

🎈 Usage

Open browser on localhost:8080

For more detailed information about current setup visit THIS PAGE

⛏️ Built With

• React - Frontend framework
• Webpack - JS module bundler
• Redux - State container
• Typesctipt - Typed programming language
• Thunk - React middleware for async actions