Trindade Trivia is a simple trivia game that is built as a full-stack app. The client side is built with TypeScript, React, SCSS, and Apollo. The server side implements Node.js, Express, and GraphQL.
Apollo is used for the client side to communicate with a GraphQL API, while having features as local state management and cache handler. Express together with GraphQL is used to create a GraphQL API endpoint.
- Build the application end to end.
- Utilize Apollo as a state management library and communicate with a GrapQL API.
- Implement an API using Express and GraphQL to manage local data.
1 - Clone the repository
2 - Run npm install inside both ./client and ./server directories.
3 - For development, run npm run dev inside both ./client and /server directories to start each project.
4 - .env files are required for both projects. The server side you need PORT and NODE_ENV variables. The client-side you need the VITE_GRAPHQL_SCHEMA variable that should be the server graphql endpoint (localhost:PORT/graphql) for the code-gen.