MCPcopy Index your code
hub / github.com/apollographql/fullstack-tutorial

github.com/apollographql/fullstack-tutorial @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
183 symbols 392 edges 144 files 5 documented · 3%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

ARCHIVED

This repo was archived on August 23, 2023. This repo was a companion to the Apollo Fullstack Tutorial, which is now a deprecated course and no longer maintained. If you're looking to learn GraphQL basics with Apollo, check out the Lift-off series.

Apollo tutorial

This is the fullstack app for the Apollo tutorial. 🚀

File structure

The app is split out into two folders:

  • start: Starting point for the tutorial
  • final: Final version

From within the start and final directories, there are two folders (one for server and one for client).

Installation

To run the app, run these commands in two separate terminal windows from the root:

cd final/server && npm i && npm start

and

cd final/client && npm i && npm start

Extension points exported contracts — how you extend this code

LoginFormProps (Interface)
(no doc)
final/client/src/components/login-form.tsx
LoginFormProps (Interface)
(no doc)
start/client/src/components/login-form.tsx
LoginFormState (Interface)
(no doc)
final/client/src/components/login-form.tsx
LoginFormState (Interface)
(no doc)
start/client/src/components/login-form.tsx
HeaderProps (Interface)
(no doc)
final/client/src/components/header.tsx
HeaderProps (Interface)
(no doc)
start/client/src/components/header.tsx
LaunchTileProps (Interface)
(no doc)
final/client/src/components/launch-tile.tsx
CartProps (Interface)
(no doc)
start/client/src/pages/cart.tsx

Core symbols most depended-on inside this repo

renderApollo
called by 20
final/client/src/test-utils.tsx
renderApollo
called by 20
start/client/src/test-utils.tsx
findOrCreateUser
called by 5
final/server/src/datasources/user.js
getLaunchById
called by 5
final/server/src/datasources/launch.js
bookTrips
called by 4
final/server/src/datasources/user.js
cancelTrip
called by 4
final/server/src/datasources/user.js
launchReducer
called by 4
final/server/src/datasources/launch.js
getLaunchesByIds
called by 4
final/server/src/datasources/launch.js

Shape

Interface 95
Function 54
Method 24
Class 10

Languages

TypeScript100%

Modules by API surface

final/server/src/datasources/user.js11 symbols
start/server/src/datasources/user.js10 symbols
final/server/src/datasources/launch.js7 symbols
start/client/src/pages/__generated__/GetLaunchList.ts6 symbols
final/client/src/pages/__generated__/GetLaunchList.ts6 symbols
final/client/src/containers/action-button.tsx6 symbols
start/client/src/pages/__generated__/LaunchDetails.ts5 symbols
start/client/src/pages/__generated__/GetMyTrips.ts5 symbols
start/client/src/containers/__generated__/GetLaunch.ts5 symbols
start/client/src/components/login-form.tsx5 symbols
final/client/src/pages/__generated__/LaunchDetails.ts5 symbols
final/client/src/pages/__generated__/GetMyTrips.ts5 symbols

For agents

$ claude mcp add fullstack-tutorial \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact