marceloogeda / chatty

A WhatsApp clone with React Native and Apollo (Tutorial)

Home Page:https://medium.com/@simontucker/building-chatty-a-whatsapp-clone-with-react-native-and-apollo-part-1-setup-68a02f7e11

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Chatty

A WhatsApp clone with React Native and Apollo

Overview

View the Medium blog for this tutorial here.

This tutorial was created using tortilla, an incredible framework for building tutorials.

Starting with the very first commit, every commit in Chatty represents the next step in the tutorial. Follow the tutorial for a guided walk through the code, or investigate a commit to see exactly what code changed for a given step. Since this is git, you can even download the app at any step in the tutorial -- how cool is that?!

Steps

  1. Setup
  2. GraphQL Queries with Express
  3. GraphQL Queries with React Apollo
  4. GraphQL Mutations & Optimistic UI
  5. GraphQL Pagination
  6. GraphQL Subscriptions
  7. GraphQL Authentication
  8. GraphQL Input Types
  9. Apollo Cache Control
  10. Apollo Optics and Optimization
  11. Push Notifications

Installing

yarn                               # install server dependencies
cd client && yarn                  # install client dependencies

For Steps 7 and higher, please enter your configuration variables in .env:

# use your own secret!!!
JWT_SECRET=your_secret
FIREBASE_SERVER_KEY=your_key

AWS_BUCKET=your_bucket_name
AWS_ACCESS_KEY_ID=your_access_key_id
AWS_SECRET_ACCESS_KEY=your_secret_access_key
AWS_REGION=your_region

For Steps 11 and higher, please enter your computer's local IP Address in /client/src/app.js:

const URL = '192.168.100.12:8080'; // set your comp's url here

Getting Started

yarn start                         # start the server     
cd client && react-native run-ios  # start RN client

Contributing

This project welcomes code contributions, bug reports and feature requests. Please see the guidelines in CONTRIBUTING.MD if you are interested in contributing.

License

MIT License

Copyright (c) 2017 Simon Tucker

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. [{]: (navStep)

Begin Tutorial >

About

A WhatsApp clone with React Native and Apollo (Tutorial)

https://medium.com/@simontucker/building-chatty-a-whatsapp-clone-with-react-native-and-apollo-part-1-setup-68a02f7e11

License:MIT License


Languages

Language:Objective-C 51.7%Language:JavaScript 47.1%Language:Python 0.7%Language:Java 0.6%