Git Product home page Git Product logo

jwilferd10 / git-it-done Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 27.77 MB

An application that searches for public repositories here on GitHub, users can also search by topic and will be presented with active repositories based on search parameters. App is mobile friendly!

Home Page: https://jwilferd10.github.io/git-it-done/

CSS 42.05% HTML 21.75% JavaScript 36.20%
coding-bootcamp css github-api html javascript github github-search-repository

git-it-done's Introduction

๐Ÿ“‹ Git-It-Done ๐Ÿ“‹

Looking for public repositories and their active issues? Look no further, Git-It-Done is here to help you get it done. ๐Ÿ˜‰

๐Ÿ’ป Live Deployment: https://jwilferd10.github.io/git-it-done/

๐Ÿ’ป Github Repository: https://github.com/jwilferd10/git-it-done

๐Ÿ“‚ Table of Contents:

๐Ÿ“ท Preview:

๐ŸŽฅ Demo:

image image

๐Ÿ‘‹ Description:

Git-It-Done is an application that allows users to search for other accounts on GitHub. When searched you can view an array of public repositories associated with that account. When clicking a specific repository users are brought to a second HTML page and any active Issue and Pull Request will be displayed in a list. Additionally users can use this application to search for active repositories based on a programming language. Finally, when users click on any Issue or Pull Request they will be redirected to it's active GitHub post.

Git-It-Done was brought to life through JavaScript and GitHub's API, this application was the first time I utilized third-party API's within a project and was a part of my course at the UCLA Coding Bootcamp. However feeling the need to go further and proudly call this app my own, I have extended and improved upon this app by adding new features and visual changes that weren't apart of the base project.

To further note, the base bootcamp project ended at commit 39168de68f29a98bc757df8d5fcd1d2d95a9fb29, anything after are ammendments that I personally made. My specific changes targeted the 'Search By Topic', users must now use a form select to pick from a variety of languages, allowing for a smoother user experience. Additionally my changes were focused on the UI of the app and it's reliability on mobile devices. Big thanks to the UCLA Coding Bootcamp for their direction, thank YOU for checking Git-It-Done out - I hope you enjoy it and happy coding!

๐Ÿ“– User Story:

AS A developer searching for public repositories

  • I WANT an application that finds public repositories with their associated issues
  • SO THAT I can learn more about or contribute to that app

GIVEN I need to search through GitHub

  • WHEN I open the app
    • THEN I am presented with a page that has two search options
  • WHEN I search for a user
    • THEN I am presented with a list of the users public repositories
  • WHEN I select a topic
    • THEN I am presented with a list of repositories tagged with that topic
  • WHEN I click on a repository
    • THEN I am brought to a second page containing a list of all the repositories' issues/pull-requests
  • WHEN I click on an issue/pull-request
    • THEN I'm brought to it's link on GitHub

๐Ÿ’พ Resources Used:

Main Resources:

  • HTML
  • CSS
  • JavaScript
  • GitHub API

๐Ÿ’ฝ Installation and Usage:

Install:

  • You can do this by clicking the GREEN button above and you can download it by ZIP or copy the SSH!

Usage:

There's two ways you can use this app:

  1. Fill the text area out with a VALID GitHub account
  2. Click on a topic from the form select
  • Click any button with a ๐Ÿ” to start your search.
  • After a second a list of generated repositories should appear on the screen
  • By clicking on a specific repository, you will see a new page featuring all of it's Issues and Pull Request
  • Clicking any issue or pull request will bring you to that post here in GitHub.

๐Ÿ“Ž Contributors

  • UCLA Coding Bootcamp (Setup of main project)
  • jwilferd10

๐Ÿ“ง Contact Information:

git-it-done's People

Contributors

jwilferd10 avatar

Watchers

 avatar

git-it-done's Issues

Search for featured repos

  • Users can click on a language button to see a list of featured repos that use that language.- Examples: HTML, CSS, JavaScript. - The list of featured repos will look exactly like the list of user repos.

Miscellaneous CSS Additions

When users search by topic

  • Topic is displayed with all capitals

Create a more fun and modern design for each aspect of the application

See list of all open issues

  • Users can click on a repository name, which will route them to a new page.

    • The second HTML page will display a list of all open issues for that repository.

Include Array of Topics

Instead of having large hardcoded elements in the HTML, try:

  • creating a customized drop-down menu
    • Features the array of languages

Create a README

To-Do:

  • Fill out the README so that it explains the project
  • Create a User Story
  • Include Stills and Demo's for preview

Search Repos by Username

  • Users can enter a GitHub username and see a list of all repos from that account.

  • Repos with no open issues will display a checkmark.

  • Repos with open issues will display an X with the number of issues or pull requests.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.