Giter VIP home page Giter VIP logo

web3-chat-app-react-native's Introduction

web3-chat-app-react-native

This project is a fork of Ethereum React Native Boilerplate and shows how you can easily create your own Web3 Etherium Mobile Chat App using Moralis.

Chat Screen WalletConnect Authentication
ezgif-4-0269779aa968 ez-gif2

⭐️ Star us

If this boilerplate helps you build Ethereum mobile dapps faster - please star this project, every star makes us very happy!

🤝 Need help?

If you have any questions or need assistance running this project, please post them in our forum. Forum link. Our extremely active community is always willing to assist!.

🚀 Quick Start

📄 Clone or fork web3-chat-app-react-native:

https://github.com/ethereum-boilerplate/web3-chat-app-react-native.git

✏ Rename .env.example to .env in the main folder and provide your appId and serverUrl from Moralis (How to start Moralis Server) Example:

REACT_APP_MORALIS_APPLICATION_ID = xxxxxxxxxxxx
REACT_APP_MORALIS_SERVER_URL = https://xxxxxx.grandmoralis.com:2053/server

💿 Install all dependencies:

cd web3-chat-app-react-native
yarn install

🚴‍♂️ Run your App:

IMPORTANT:

  • To run the app and be able to actually login do the following:

    • Make sure to have Xcode installed on your machine if you wish to run it in iOS development and Android Studio if you want it in Android.
    • Connect a physical phone device. Open termilan/cmd and run adb adb devices and see if your device id is listed.
    • Install your preferred wallet on your device: (Metamask, Trust Wallet etc..)
  • IOS:

    • Command yarn ios
    • For physical IOS Device: Open the moraliscreatereactnativedapp.xcworkspace from ios folder in Xcode. Run the App by choosing your connected physical device.
    • for emulator Make sure you have Xcode or atleast Xcode command line tools installed
  • Android:

    • Make sure that your physical device is connected.
    • Turn on "Developer Options" by doing going to "Settings" , then tap "About device" or "About phone". Scroll down, then tap Build number seven times. Depending on your device and operating system, you may need to tap "Software information", then tap "Build number" seven times. Return to the previous screen to find Developer options near the bottom. Scroll down and enable USB debugging.
    • Open terminal and go to root directory then do this command: yarn android. It will open a bundler and builds the app on your phone.

web3-chat-app-react-native's People

Contributors

gen02-dev avatar ivan-liljeqvist avatar

Watchers

James Cloos 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.