fullstack-graphql-airbnb-clone

A Fullstack GraphQL Airbnb Clone with React and React Native.

• Branches are in the order they were coded.
• This builds off the GraphQL Typescript Server I made: https://github.com/climax0916/graphql-ts-server-boilerplate.

Packages

This project is made up of 5 packages that share code using Yarn Workspaces.

• web (React.js website)
• app (React Native app)
• server (GraphQL Typescript server)
• common (Code shared between web, app, and server)
• controller (Components shared between web and app)

Installation

1. Clone project

git clone https://github.com/climax0916/fullstack-graphql-airbnb-clone.git

2. cd into folder

cd fullstack-graphql-airbnb-clone

3. Download dependencies

yarn

4. Start PostgreSQL server
5. Create database called graphql-ts-server-boilerplate

createdb graphql-ts-server-boilerplate

6. Add a user with the username postgres and and no password. (You can change what these values are in the ormconfig.json)

7. Connect to the database with psql and add the uuid extension:

CREATE EXTENSION IF NOT EXISTS "uuid-ossp";

8. Install and start Redis

9. In packages/server create a file called .env and add the following line inside: FRONTEND_HOST=http://localhost:3000

10. Run yarn build in packages/common

11. Run yarn build in packages/controller

12. Get Google Maps API key and put it here https://github.com/climax0916/fullstack-graphql-airbnb-clone/blob/master/packages/web/public/index.html#L1

Usage

1. Start server yarn start in packages/server

2. Now you can run yarn start in packages/web or packages/app to start the website or app.

Features

1. Website register/login
2. Deploy backend and frontend
3. App register/login
4. Website and App forgot password
5. Website and App create listing
6. Website and App view listings
7. logout
8. Website chat