Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/karl-horning/github-api-with-d3
The "GitHub API with D3" project is a web application that leverages the GitHub API to fetch and visualize repository topics for a specified GitHub user (Karl-Horning as the default). The frontend is built using D3.js, providing an interactive and informative chart for the user's GitHub repositories.
https://github.com/karl-horning/github-api-with-d3
api backend d3 github javascript node-js npm
Last synced: 10 days ago
JSON representation
The "GitHub API with D3" project is a web application that leverages the GitHub API to fetch and visualize repository topics for a specified GitHub user (Karl-Horning as the default). The frontend is built using D3.js, providing an interactive and informative chart for the user's GitHub repositories.
- Host: GitHub
- URL: https://github.com/karl-horning/github-api-with-d3
- Owner: Karl-Horning
- License: mit
- Created: 2024-01-12T21:29:57.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-01-15T19:32:05.000Z (10 months ago)
- Last Synced: 2024-10-14T01:18:15.722Z (25 days ago)
- Topics: api, backend, d3, github, javascript, node-js, npm
- Language: JavaScript
- Homepage:
- Size: 243 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# GitHub API with D3
## Table of Contents
- [Overview](#overview)
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [Acknowledgments](#acknowledgments)
- [License](#license)
- [Author](#author)
## Overview
The "GitHub API with D3" project is a web application that leverages the GitHub API to fetch and visualize repository topics for a specified GitHub user (Karl-Horning as the default). The frontend is built using D3.js, providing an interactive and informative chart for the user's GitHub repositories.
## Features
- Utilizes the GitHub API to fetch repository information and topics.
- Visualizes GitHub repository topics using D3.js.
- Responsive and user-friendly chart presentation.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/Karl-Horning/github-api-with-d3.git
```
2. Navigate to the project directory:
```bash
cd github-api-with-d3
```
3. Install dependencies:
```bash
npm install
```
## Usage
1. Start the server:
```bash
npm start
```
2. Open your browser and visit [http://localhost:3000](http://localhost:3000) to see the GitHub Topics visualization.
## Contributing
Contributions are welcome! Please follow these guidelines:
1. Fork the repository.
2. Create a new branch for your feature: `git checkout -b feature-name`.
3. Make your changes and commit them: `git commit -m 'Add feature'`.
4. Push to the branch: `git push origin feature-name`.
5. Submit a pull request.
## Acknowledgments
- [D3.js](https://d3js.org/) - Data visualization library.
- [Express](https://expressjs.com/) - Web framework for Node.js.
- [@octokit/core](https://github.com/octokit/core.js) - GitHub API client for Node.js.
- [Chalk](https://www.npmjs.com/package/chalk) - Library for styling console output.
- [Dotenv](https://www.npmjs.com/package/dotenv) - Module for loading environment variables.
- [Bootstrap](https://getbootstrap.com/) - Front-end component library for web development.
## License
This project is licensed under the [MIT License](LICENSE).
## Author
**Karl Horning:**
- [GitHub](https://github.com/Karl-Horning/)
- [LinkedIn](https://www.linkedin.com/in/karl-horning/)
- [CodePen](https://codepen.io/karlhorning)