React application that shows github related topics of an expecified topic and its stargazers.
It uses Github GraphQL API to list Topics Objects and its Stargazers count
This application uses vite
as the tool for bundling and running because its smaller and faster than other options like Create React App. For more details see Why vite.
- Apollo client for graphql and react integration.
- Jest and react-testing-library for unit testing.
- Download the app
git clone https://github.com/ivillamil/github-topic-explorer
- To interact with the Github GraphQL API you'll need to have a Github Personal Access Token
- Once you have your token, paste it in the
.env
file:
VITE_GITHUB_TOKEN=<your_token_here>
- To download all module dependencies and run the app, run the following command in the root project folder:
yarn
yarn dev
or
npm install
npm run dev
- without coverage:
npm test
oryarn test
- with test coverage:
npm run coverage
oryarn run coverage
- Add unit tests for
App
component - Add browser navigation to allow users to go backwards on search history