Coder Social home page Coder Social logo

florianthom / businessmodeldigitalhealth Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 12.26 MB

A research project to setup a website which tries to suggests a business model for a given startup

JavaScript 0.44% TypeScript 88.43% HTML 6.92% CSS 3.82% SCSS 0.39%

businessmodeldigitalhealth's Introduction

HealthCareCareer

Web-App to explore and build business-model-pattern for your business in public health care. Create projects, manage your business-model-canvases and get inspired by existing patterns to support you in creating your own new business or scale / expand your current business. This Project is all about the front-end part of the project. The back-end part can be found here.

alt text

Prerequisites

  • Node v12+

Getting Started

$ git clone [email protected]:FlorianTh2/BusinessModelDigitalHealth.git

$ cd ./BusinessModelDigitalHealth

$ npm install

$ ng serve --open

Documentation: Angular Modules and Componentes

  • app-module
    • about-module
      • contains "about"-site - related component
      • route: /about
    • auth-module
      • contains "auth"-related component
      • routes: /login, /register, /logout
      • components: logn, logout, registrate
      • services: password-validation-service
    • canvas-module
      • represents the "working bench" of the canvas and patter for the user
      • nested resource (under projects)
      • routes: /projects/x/canvases/*
      • components:
        • canvasesList: List of canvases of the user, the user can choose which canvas he wants to edit
        • canvas: base-component for distance-matrix, display-component, table-general, business-model-picker, business-strategy-picker
        • table-general (contains canvas-card): represents the business-model-canvas - representation
        • business-model-picker (contains business-model-card): represents the business-model-pattern the user can choose from
        • business-strategy-picker (contains business-strategy-card): represents the business-model-strategy the user can choose from
      • services: canvas-shared-data-service: holds state for whole canvas-page (working bench), responsible for cross-component-communication
    • core-module
      • contains multiple services like authorization service, email-validation-service, title-service
    • graphql-module
      • location for JWT- and grahpql- apollo- related things
      • reponsible for placing the JWT in to the http-header also though the apollo-pipeline
      • location for the custom graphql-queries which have to be converted into code by the graphql-codegen-package
      • location for generated graphql-codegen code
    • home-module
      • contains landing-page
      • routes: /home
      • components: home
    • legal-notice-module
      • routes: /impressum
    • material-module
      • basic module to include angular material classes for convenience
    • projects-module
      • contains "procjets"-related component
      • routes: /projects
      • components: projects-picker (contains projects-picker-card): lists all projects of given user
    • shared-module
      • contains cross-module shared things e.g. header, sidenav, footer, models, date-pipe,

Important commands

  • npm run generate: generates graphql-code for the application requires graphql-codegen

Build with

  • npm 6
  • node 12
  • angular 10
  • prisma 1
  • apollo server
  • chart.js
  • angular material

Acknoledgements

  • Thanks to my supervisor Mr. T.Knape@Charité Berlin for the help with this student project

businessmodeldigitalhealth's People

Contributors

florianthom avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.