youneshenniwrites/zopher

Tweeting app with React Native and Expo using GraphQL with AppSync and AWS Amplify.

React Native Twitter app with AWS Amplify and Expo

This project integrates a React Native front-end with an AWS Amplify back-end that has user authentication (AWS Cognito) and a GraphQL API (AWS AppSync) for CRUD operations between the client and the database (Amazon DynamoDB).

App Overview

• Users can sign up/in to the app.

• Users can create posts by pressing the add button, writing inside the Modal, and pressing submit.

• Users can like/unlike posts.

• Users can delete their own posts.

• Users can update the posts feed by:

  • Pressing the reload button.
  • Performing a pull-to-refresh.

Prerequisites

• Expo CLI

  • npm install -g expo-cli

• AWS account

• Node JS with NPM

• AWS Amplify CLI

  • npm install -g @aws-amplify/cli
  • amplify configure (link for a step by step video).

Configuring the project

1. Clone this repo to your local machine.

git clone https://github.com/yhenni1989/Zopher.git

cd Zopher

2. Add AWS Amplify dependencies to your project.

yarn add aws-amplify aws-amplify-react-native

# or

npm install aws-amplify aws-amplify-react-native

3. Initialise the AWS Amplify project.

amplify init

Follow the same instructions as below.

4. Configure an Amazon Cognito User Pool to store users credentials.

amplify add auth

# When prompt, choose: Yes, use the default configuration.

5. Add the API service to use GraphQL and store data in Amazon DynammoDB.

amplify add api

Follow the below configuration.

6. Time to deploy your project to AWS.

amplify push

After few minutes of automated operations, the Amplify CLI will create an Amazon Cognito User Pool and Identity Pool to store users crendentials and an AWS AppSync GraphQL API to allow for CRUD operations between client and servers.

Running the application

1. Install client dependencies.

yarn

# or

npm install

2. Launch the React Native app in your simulator under your project directory.

expo start --ios

# or

expo start --android

Step by step tutorial

• Check out the full set up process in the Medium story
• Video link for the demo in here.

zopher's Issues

Thanks for Sharing

I cant get this to go. The app seems to break after adding native-base with this error:

[18:06:56] Unable to resolve "@expo/vector-icons/FontAwesome5" from "node_modules/native-base/dist/src/basic/IconNB.js"

Not related to aws but figured you could point me in the right direction on debugging this kind of thing. I have been in the issues and SO but have not found a solution that works.

The error above is from downloading and running this repo. Any guidance would be greatly appreciated. Thank you.