Repository files navigation

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).

• 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.

• Expo CLI

  • npm install -g expo-cli

• AWS account

• Node JS withNPM

• AWS Amplify CLI

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

1. Clone this repo to your local machine.

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

2. Add AWS Amplify dependencies to your project.

yarn add aws-amplify aws-amplify-react-native# ornpm 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.

1. Install client dependencies.

yarn# ornpm install

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

expo start --ios# orexpo start --android

• Check out the full set up process in theMedium story
• Video link for the demo inhere.