Difference between revisions of "Step By Step Guide"

From Ethora iOS & Android ERC-20 & NFT tokenized community platform
Jump to navigation Jump to search
(Added initial instructions to step by step guide)
(Added simplified new instructions)
Line 9: Line 9:
<code>yarn</code>
<code>yarn</code>


<code>yarn ios</code>
3) Now download/clone the code from GitHub repo and update the folder structure as instructed below.


Executing the above commands in sequence will start the simulator, building the application using yarn ios may take few minutes.
Locate "src" and "docs" folder in Ethora project directory and copy both the folders


3) Now download the code from GitHub repo and update the folder structure as instructed below.
Paste them in your project directory


Locate "src" folder and copy the entire folder
Now open both the projects in your code editor side by side.


Paste it in your project directory
Navigate to package.json and replace dependencies, devDependencies and jest from package.json of Ethora to your project's package.json
 
Now open the project in your code editor


Navigate to <code>index.js</code>
Navigate to <code>index.js</code>
Line 26: Line 24:


In order to do this, change <code>import App from './App';</code> to <code>import App from './src/App';</code>
In order to do this, change <code>import App from './App';</code> to <code>import App from './src/App';</code>
Navigate to package.json and replace dependencies, devDependencies and jest from package.json of ethora-main to your project's package.json


Go to your terminal again and execute <code>yarn</code> command in your project directory because the package.json is now updated.
Go to your terminal again and execute <code>yarn</code> command in your project directory because the package.json is now updated.
Line 39: Line 35:
<code>pod install</code>
<code>pod install</code>


5) NOTE: If you're not using M1 chipset mac machine then remove the line <code>__apply_Xcode_12_5_M1_post_install_workaround(installer)</code> from '''index.js'''
resolve the errors then in your project directory execute <code>yarn ios</code>
 
This will build the app.
 
Dismiss the notice and navigate to "docs" folder in your project directory.
 
Open config.js
 
You can now set the appTitle to your project name and add your own logo for rebranding.
 
You'll find all the options for the modification in this config.js for you to continue building your own product with ethora engine.
 
5) NOTE: If you're not using M1 chipset mac machine then remove the line <code>__apply_Xcode_12_5_M1_post_install_workaround(installer)</code> from '''Podfile.'''

Revision as of 05:08, 12 November 2021

1) Open the terminal at your project directory and create your new project npx react-native init [proj_name]

It will download the react-native template and install cocoapods dependencies. This may take few minutes depending on your network speed.

2) now we need to go inside the project folder to execute further commands

cd [proj_name]

yarn

3) Now download/clone the code from GitHub repo and update the folder structure as instructed below.

Locate "src" and "docs" folder in Ethora project directory and copy both the folders

Paste them in your project directory

Now open both the projects in your code editor side by side.

Navigate to package.json and replace dependencies, devDependencies and jest from package.json of Ethora to your project's package.json

Navigate to index.js

Now we need to change the import from default app.js to app.js from inside the src folder

In order to do this, change import App from './App'; to import App from './src/App';

Go to your terminal again and execute yarn command in your project directory because the package.json is now updated.

This will install all the required packages.

4) Now in your project folder execute the following commands.

cd ios

pod install

resolve the errors then in your project directory execute yarn ios

This will build the app.

Dismiss the notice and navigate to "docs" folder in your project directory.

Open config.js

You can now set the appTitle to your project name and add your own logo for rebranding.

You'll find all the options for the modification in this config.js for you to continue building your own product with ethora engine.

5) NOTE: If you're not using M1 chipset mac machine then remove the line __apply_Xcode_12_5_M1_post_install_workaround(installer) from Podfile.