An open API service indexing awesome lists of open source software.

https://github.com/mauricioromagnollo/github-explorer

A simple project developed in React and using the GitHub API, to view the repositories in a more friendly way.
https://github.com/mauricioromagnollo/github-explorer

apollo-client chakra-ui github-api graphql nextjs reactjs typescript

Last synced: 10 months ago
JSON representation

A simple project developed in React and using the GitHub API, to view the repositories in a more friendly way.

Awesome Lists containing this project

README

          


![logo](https://user-images.githubusercontent.com/38081852/99434810-01a74900-28ee-11eb-833e-4cf891b67d46.png)

### **A simple project developed in React and using the GitHub API, to view the repositories in a more friendly way.**

![BADGE_LICENSE] ![BADGE_WEB_REACT] ![BADGE_TYPESCRIPT] ![BADGE_OPEN_SOURCE] ![BADGE_OPEN_ISSUES] ![BADGE_CLOSED_ISSUES] ![BADGE_STARS] ![BADGE_FORKS]

### https://x0n4d0.github.io/github-explorer/#/

#
## **🔭 GOAL**

A simple project with a beautiful interface, to view the GitHub repositories in a more friendly way. Through the interface, you can be redirected to the desired GitHub repository.

#
## **💻 TECHS**

- [react](https://reactjs.org/) - A JavaScript library for building user interfaces.
- [typescript](https://www.typescriptlang.org/) - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
- [styled-components](https://styled-components.com/) - A library for React and React Native that allows you to use component-level styles in your application that are written with a mixture of JavaScript and CSS using a technique called CSS-in-JS.
- [axios](https://github.com/axios/axios) - Promise based HTTP client for the browser and node.js.
- [prettier](https://prettier.io/) - An opinionated code formatter.
- [eslint](https://eslint.org/) - ESLint statically analyzes your code to quickly find problems.
- [commitlint](https://github.com/conventional-changelog/commitlint) - Lint for commit messages.
- [editorconfig](https://editorconfig.org/) - A file format and collection of text editor plugins for maintaining consistent coding styles between different editors and IDEs.
- [figma](https://www.figma.com/) - A vector graphics editor and prototyping tool.
- [github-api](https://api.github.com/) - API address used to fetch the GitHub information.
- [gh-pages](https://create-react-app.dev/docs/deployment/#github-pages) - Deployment using GitHub Pages.

#
## **🎨 PROTOTYPE**

[Click here](https://www.figma.com/file/NYEF2UTeAgpaLNqrQAqPCN/Github-Explorer-(Copy)?node-id=0%3A1) to se the interface prototype in Figma.

#
## **✔️ RELEASES**

### v1.0

- Type `username/repo` to search one repository;
- See the number of stars, forks and opened issues in the selected repository;
- Click on the issue card to be redirected to it within the official repository.

### v1.1

- See the labels of each issue;
- See the project published at: https://x0n4d0.github.io/github-explorer/#/.

#
## **📰 LICENSE**

This repository is licensed by [MIT License](./LICENSE).

[BADGE_CLOSED_ISSUES]: https://img.shields.io/github/issues-closed/x0n4d0/github-explorer?color=red

[BADGE_OPEN_ISSUES]: https://img.shields.io/github/issues/x0n4d0/github-explorer?color=green

[BADGE_LICENSE]: https://img.shields.io/github/license/x0n4d0/github-explorer

[BADGE_WEB_REACT]: https://img.shields.io/badge/web-react-blue

[BADGE_STARS]: https://img.shields.io/github/stars/x0n4d0/github-explorer?style=social

[BADGE_FORKS]: https://img.shields.io/github/forks/x0n4d0/github-explorer?style=social

[BADGE_TYPESCRIPT]: https://badges.frapsoft.com/typescript/code/typescript.png?v=101

[BADGE_OPEN_SOURCE]: https://badges.frapsoft.com/os/v1/open-source.png?v=103