fullstack-graphql-airbnb-clone_开源项目-程序员客栈

fullstack-graphql-airbnb-clone

AFullstackGraphQLAirbnbClonewithReactandReactNative.

Branchesareintheordertheywerecoded.Watchhowthiswasmade:https://www.youtube.com/playlist?list=PLN3n1USn4xlnfJIQBa6bBjjiECnk6zL6sThisbuildsofftheGraphQLTypescriptServerImade:https://github.com/benawad/graphql-ts-server-boilerplate.YoucanseetheYouTubePlaylistforhowthatwasmadehere:https://www.youtube.com/playlist?list=PLN3n1USn4xlky9uj6wOhfsPez7KZOqm2VJointheDiscord:https://discord.gg/Vehs99VPackages

Thisprojectismadeupof5packagesthatsharecodeusingYarnWorkspaces.

web(React.jswebsite)app(ReactNativeapp)server(GraphQLTypescriptserver)common(Codesharedbetweenweb,app,andserver)controller(Componentssharedbetweenwebandapp)InstallationCloneprojectgitclonehttps://github.com/benawad/fullstack-graphql-airbnb-clone.gitcdintofoldercdfullstack-graphql-airbnb-cloneDownloaddependenciesyarnStartPostgreSQLserverCreatedatabasecalledgraphql-ts-server-boilerplatecreatedbgraphql-ts-server-boilerplate

Addauserwiththeusernamepostgresandandnopassword.(Youcanchangewhatthesevaluesareintheormconfig.json)

Connecttothedatabasewithpsqlandaddtheuuidextension:

CREATEEXTENSIONIFNOTEXISTS"uuid-ossp";

InstallandstartRedis

Inpackages/servercreateafilecalled.envandaddthefollowinglineinside:FRONTEND_HOST=https://localhost:3000

Runyarnbuildinpackages/common

Runyarnbuildinpackages/controller

GetGoogleMapsAPIkeyandputitherehttps://github.com/benawad/fullstack-graphql-airbnb-clone/blob/master/packages/web/public/index.html#L14Videosdoingthat:https://youtu.be/-QQnzDVcTCoandhttps://youtu.be/xLlIgokKiLc

Usage

Startserveryarnstartinpackages/server

Nowyoucanrunyarnstartinpackages/weborpackages/apptostartthewebsiteorapp.

Howtogetcredentialsworkingingraphqlplayground:https://youtu.be/oM-EmNdhwI4?t=8m39s

DeployServerhttps://www.youtube.com/watch?v=qQAozc1MkdUhttps://www.youtube.com/watch?v=0t-rE5wUP-EWebsitehttps://www.youtube.com/watch?v=FiU3SHEaFwkhttps://www.youtube.com/watch?v=vPu1sfuYFzwhttps://www.youtube.com/watch?v=Ry6Zobb-kawFeaturesWebsiteregister/loginDeploybackendandfrontendAppregister/loginWebsiteandAppforgotpasswordWebsiteandAppcreatelistingWebsiteandAppviewlistingslogoutWebsitechat

fullstack-graphql-airbnb-clone开源项目

作品详情

重点城市程序员兼职推荐

重点岗位程序员兼职推荐