fullstack-graphql-airbnb-clone

A Fullstack GraphQL Airbnb Clone with React and React Native.

• Branches are in the order they were coded.
• Watch how this was made: https://www.youtube.com/playlist?list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6s
• This builds off the GraphQL Typescript Server I made: https://github.com/benawad/graphql-ts-server-boilerplate.
• You can see the YouTube Playlist for how that was made here: https://www.youtube.com/playlist?list=PLN3n1USn4xlky9uj6wOhfsPez7KZOqm2V
• Join the Discord: https://discord.gg/Vehs99V

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/benawad/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. Install and start Redis

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

9. Run yarn build in packages/common

10. Run yarn build in packages/controller

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