https://github.com/colburncodes/graphql-basics
The core components of a full-stack GraphQL app
https://github.com/colburncodes/graphql-basics
graphql graphql-client graphql-server react
Last synced: 3 months ago
JSON representation
The core components of a full-stack GraphQL app
- Host: GitHub
- URL: https://github.com/colburncodes/graphql-basics
- Owner: colburncodes
- Created: 2023-01-30T22:56:08.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-01-31T23:46:35.000Z (over 3 years ago)
- Last Synced: 2025-10-30T22:40:16.766Z (7 months ago)
- Topics: graphql, graphql-client, graphql-server, react
- Language: JavaScript
- Homepage: https://www.apollographql.com/tutorials/lift-off-part1
- Size: 650 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Odyssey Lift-off I: Basics
Welcome to the companion app of Odyssey Lift-off I! You can [find the course lessons and instructions on Odyssey](https://odyssey.apollographql.com/lift-off-part1), Apollo's learning platform.
You can [preview the completed demo app here](https://lift-off-client-demo.netlify.app/).
## How to use this repo
The course will walk you step by step on how to implement the features you see in the demo app. This codebase is the starting point of your journey!
There are 2 main folders:
- `server`: The starting point of our GraphQL server.
- `client`: The starting point of our React application.
To get started:
1. Navigate to the `server` folder.
1. Run `npm install`.
1. Run `npm start`.
This will start the GraphQL API server.
In another Terminal window,
1. Navigate to the `client` folder.
1. Run `npm install`.
1. Run `npm start`.
This will open up `localhost:3000` in your web browser.
## Getting Help
For any issues or problems concerning the course content, please refer to the [Odyssey topic in our community forums](https://community.apollographql.com/tags/c/help/6/odyssey).