Make drawing mobile application for kids with Drawing kids

1. System Requirements

1.1. NodeJS

Make sure you have a recent version (8.11 or later) of Node installed globally.

$ brew install nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash
# This loads nvm
export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
$ nvm install node

1.2. Watchman (https://facebook.github.io/watchman/)

Watchman exists to watch files and record when they change. It can also trigger actions (such as rebuilding assets) when matching files change.

$ brew install watchman
$ git clone https://github.com/facebook/watchman.git
$ cd watchman
$ git checkout v4.9.0  # the latest stable release
$ ./autogen.sh
$ ./configure
$ make
$ sudo make install

1.3. Yarn (recommend)

https://yarnpkg.com/en/docs/install

$ brew install yarn
$ curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
$ echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

1.4. React Native Developer Tools

Node comes with npm, which lets you install the React Native command line interface.‌ Run the following command in a Terminal:

$ npm install -g react-native-cli
$ yarn global add react-native-cli

1.5. Expo CLI

Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

$ npm install -g expo-cli
$ yarn global add expo-cli

1.6. iOS Simulator

Step 1: Install Xcode

2. Start run with Expo

Open downloaded source code.

.
├── App.js
├── Libraries
│   ├── react-native-dialog-component
│   └── react-native-popup-dialog
├── README.md
├── app
│   ├── App.js
│   ├── AppProvider.js
│   ├── Constant.js
│   ├── res
│   │   ├── assets
│   │   │   ├── fonts
│   │   │   ├── jsonAnimate
│   │   │   └── sounds
│   │   ├── icon
│   │   ├── images
│   │   ├── images_paint
│   │   │   ├── animals
│   │   │   ├── animals_color
│   │   │   ├── objects
│   │   │   ├── objects_color
│   │   │   └── pen
│   │   ├── string
│   │   │   ├── en.json
│   │   │   └── ja.json
│   │   └── style
│   │       ├── AppStyle.js
│   │       └── style.js
│   └── src
│       ├── api
│       │   └── Api.js
│       ├── component
│       │   └── # App components
│       ├── config
│       │   └── i18n
│       │       └── i18n.js
│       ├── mobx
│       │   └── # State store for app
│       ├── model
│       │   └── Device.js
│       ├── router
│       ├── screen
│       │   └── # App screens
│       ├── util
│       └── validate
└── # config files
$ yarn
$ yarn start
$ npm install
$ npm run start

3. Guide Create New Object Image SVG

Check Guide >>