nvsmith / github-repo-gallery

Connect with the GitHub API to fetch information about your repositories. Display your work as a gallery of projects. Search included!

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. License
7. Contact
8. Acknowledgments

About The Project

This is a project gallery built with JavaScript that implements:

• Async and callback functions.
• Fetching data with an API.
• Parsing data as JSON.
• click event listeners with the matches method to target specific elements within a group.
• Creating and appending HTML elements.
• Adding and removing CSS classes.
• for...of loops.
• for...in loops.
• Dynamic search using input event listeners.

Connect with the GitHub API to fetch information about your repositories. Display your work as a gallery of projects. Search included!

(back to top)

Built With

• HTML
• CSS
• JavaScript

(back to top)

Getting Started

This web page was crafted with vanilla code. No dependencies here!

Prerequisites

All you need is a browser (to view/interact) and a text editor (to modify).

Installation

1. Clone this repo and you're all set!

(back to top)

Usage

• index.html: structure and layout.
• styles.css: design and aesthetics.
• script.js: functionality.
• GitHub REST API documentation
  • Get a user
  • List repositories for a user

(back to top)

Roadmap

There are no plans to implement additional features at this time.

(back to top)

Contributing

This project is for learning/demonstration and is not being actively developed.

(back to top)

License

Distributed under the MIT License.

(back to top)

Contact

Nate: GitHub | Grepper

(back to top)

Acknowledgments

Skillcrush - JavaScript Fundamentals

• Module 14: Project: GitHub Repo Gallery
• normalize.css

README Template

• Best-README-Template

(back to top)