healthhackersER / CAMA-CORE-Example

4 stars 1 forks source link

Dear CAMA Hackers & Community Members

The next hackday is coming …
and there are interesting challenges waiting for :point_right:YOU:point_left:

Goals Technical

We want to hack into the CAMA Document Store [Here]

Enabling cancer patients to store their documents and enrich them with additional information.

:heavy_check_mark: We already got an native database demo implementation. This needs to be filled with live now!

:question: Curious how to design & create an intuitive interface?
:question: Curious how to access the native camera environment?
:question: Curious how to access the native file system?
:question: Curious how to setup a native database?

Goals General

We noted our most imporant challanges in the Wiki

Who should be interested?

Want to learn HowTo develop Web Apps? (Html5, CSS, JavaScript)
Want to learn HowTo develop iOS and Android Apps? (React-Native)
Want to learn HowTo create mockups or wireframes? (UI/UX)
Want to learn HowTo structure projects in a community environment? (Project Management, Product Ownership)
Want to learn HowTo innovate in a customer centric approach? (CoCreation, User Centered Design, Requirements Engineering)

You want to contribute or enhance your skills and change the world of cancer patients?

You are not sure how you can contribute? YES YOU CAN!

Don't hesitate and drop a messages in our SLACK Help Channel !!!


CAMA-CORE

The CORE of the CAMA application is build using React-Native and the EXPO

Install

  1. Clone Repository - HowTo GIT
    git clone https://github.com/healthhackersER/CAMA-CORE-Example.git
  2. Run npm installer
    npm install
  3. Run Application - Runs Expo in Browser
    npm run web

Pre-requisities

Getting Started

  1. React Native

    React Native is like React, but it uses native components instead of web components as building blocks. So to understand the basic structure of a React Native app, you need to understand some of the basic React concepts, like JSX, components, state, and props.
    To learn more about this you can find a tutorial here.

  2. Expo

    There's no need to install anything or even understand everything here, this page is meant to give you an overview of some of the big pieces of building a managed app. In the same way that getting a quick tour of Paris won't make you an expert on Paris, this walkthrough serves to help you identify a few landmarks and the most important areas in the managed workflow. You can do a walkthrough of the bare workflow later on. To learn more about this you can find the walkthrough here.

  3. TypeScript

    TypeScript is a language which extends JavaScript by adding type definitions.
    Here you can find a documentation how to develop with TypeScript and React-Native

  4. GitFlow - Branching Model

    Gitflow Workflow is a Git workflow design that was first published and made popular by Vincent Driessen at nvie. The Gitflow Workflow defines a strict branching model designed around the project release. This provides a robust framework for managing larger projects.

    The core idea behind the Feature Branch Workflow is that all feature development should take place in a dedicated branch instead of the master branch. This encapsulation makes it easy for multiple developers to work on a particular feature without disturbing the main codebase. It also means the master branch will never contain broken code, which is a huge advantage for continuous integration environments.

Not Enough | Problems | 😲😤🤒😱😭🤕🤒🧐

Checkout our Detailed Guide