julianastahelin / fetch-github-api

Simple project that consumes the GitHub's API using JS Fetch.

Home Page:https://julianastahelin.github.io/fetch-github-api/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Consuming GitHub's API with Fetch

This is a simple project that consumes the GitHub's API using JS Fetch. Built as an exercise in the fullstack web development course Devquest by Dev em Dobro.

Overview

The project

Users can search for GitHub users by username. If a valid username is entered, user's profile information are displayed: name, profile picture, bio description, up to 10 repositories and up to 10 create and/or push events. Under each repository are shown its total counts of forks, stars and watches and the programming language (if any). By clicking on name user is redirected to profile on GitHub, as well as clicking on repositories redirects user to repository's page on GitHub.

Preview

Desktop

gif of project being displayed and used on desktop

Link

My process

Built with πŸ‘©πŸ½β€πŸ’»

  • HTML 5;
  • CSS 3;
  • Vanilla Javascript.

What I practiced πŸ’ͺ🏽

  • Working with JS objects;
  • Code refactoring;
  • Consuming API with Fetch.

About

Simple project that consumes the GitHub's API using JS Fetch.

https://julianastahelin.github.io/fetch-github-api/


Languages

Language:JavaScript 57.5%Language:CSS 33.2%Language:HTML 9.3%