{"id":15905590,"url":"https://github.com/amodinho/formulaone-graphql-client","last_synced_at":"2026-05-14T12:31:26.773Z","repository":{"id":113362833,"uuid":"150411104","full_name":"AmoDinho/formulaone-graphql-client","owner":"AmoDinho","description":"The front-end for 'FanBoost', powered by React-Apollo! 🏎🏂","archived":false,"fork":false,"pushed_at":"2019-01-18T07:52:39.000Z","size":1184,"stargazers_count":1,"open_issues_count":3,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-12T23:21:55.219Z","etag":null,"topics":["apollo","cssgrid","grapql","react","tdd","testing"],"latest_commit_sha":null,"homepage":"https://fanboost.netlify.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AmoDinho.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-09-26T10:44:54.000Z","updated_at":"2019-05-15T11:45:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"3d62c976-9348-4e1b-8ca6-e580126c3ff4","html_url":"https://github.com/AmoDinho/formulaone-graphql-client","commit_stats":{"total_commits":166,"total_committers":1,"mean_commits":166.0,"dds":0.0,"last_synced_commit":"9a078966cfa247e4fa1ee9ace1e4ef85101cfc5e"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/AmoDinho/formulaone-graphql-client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmoDinho%2Fformulaone-graphql-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmoDinho%2Fformulaone-graphql-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmoDinho%2Fformulaone-graphql-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmoDinho%2Fformulaone-graphql-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AmoDinho","download_url":"https://codeload.github.com/AmoDinho/formulaone-graphql-client/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmoDinho%2Fformulaone-graphql-client/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33024893,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T13:14:54.681Z","status":"online","status_checked_at":"2026-05-14T02:00:06.663Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apollo","cssgrid","grapql","react","tdd","testing"],"created_at":"2024-10-06T13:04:46.042Z","updated_at":"2026-05-14T12:31:26.754Z","avatar_url":"https://github.com/AmoDinho.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Fan Boost🏎\n\n![Screenshot](screenshot-localhost-3001-2018.10.31-16-41-09.png)\n\nThis is the front-end for FanBoost. It is written in React and uses Apollo as it's bindings to a GraphQL server. FanBoost allows users to create Formula One Circuits and Drivers. Users can also 'fan-boost' drivers to see which drivers have the most boosts. Users can also enjoy curated F1 video content. Users' accounts are secured using JWTs. \n\nMost of the typical GraphQL use cases are explored in this project such as Queries, Mutations and Subscriptions. The app is an SPA which lives on Netlify. If you're looking to learn how to use GraphQL on the front-end then you have landed in the right place! \n\n\n## Features\n\n* React-Apollo: Helps you connect to a GraphQL server and access `\u003cQuery/\u003e` and `\u003cMutation/\u003e` components to send and recieve data from your GraphQL API.\n* Tachyons: A CSS-Framework.\n* CSS Grid: A spec for creating grid layouts natiely.\n* Jest \u0026 Enzyme: Tooling for writting tests.\n* Maps Interagtiong: This is powered by Google Maps\n\n\nThe back-end repo is [here](https://github.com/AmoDinho/formulaone-graphql/blob/master/README.md)\n\n\nThis project uses yarn which can be downloaded from [here](https://yarnpkg.com/en/).\n\n\n# Setup Instructions\n\nFirst clone the repo\n\n```\n$ git clone https://github.com/AmoDinho/formulaone-graphql-client.git \n\n```\n\nThen you need to install the dependancies: \n\n```\n$ yarn install\n```\n\n\nThen you start the dev server:\n\n```\n$ yarn start\n\n```\n\nYour backend server should be running on `localhost://3000`, create-react-app will default to `localhost://3001` for you.\n\n# Deployment Instructrions\n\n**TO BE DONE**\n\n\nThe Design System is on [Figma](https://www.figma.com/file/CmYEyRWOtCuT2fgiTZrsNsMp/F1-App?node-id=0%3A1). \n\nThe following resources were used to create this app: \n\n* [Advanced React](https://github.com/wesbos/Advanced-React)\n* [Boilerplate for a Fullstack GraphQL App with React \u0026 Prisma](https://github.com/alan345/naperg)\n* [How to GraphQL:React-Apollo](https://github.com/howtographql/react-apollo)\n* [React-Apollo Docs](https://www.apollographql.com/docs/react/)\n* [GraphQL Docs](https://graphql.org/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famodinho%2Fformulaone-graphql-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Famodinho%2Fformulaone-graphql-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famodinho%2Fformulaone-graphql-client/lists"}