README

Example Guide

贡献指南

▼ 项目列表

▼ Intermediate-Level Ideas

Book Finder App

To-Do 应用

命令行计算器

Markdown预览器

Emoji翻译器应用

Password Generator

Name Generator

Meme生成器应用

FlashCards应用

Charity Finder App

Podcast目录应用

Game Suggestion App

Simple Online Store

Flip Art App

HighStriker游戏

Sports Bracket Generator

时区提醒机器人

二维码徽章应用

卡片记忆游戏

Bit Masks App

Chrome主题扩展

Currency Converter

Drawing App

GitHub个人资料

Image Scanner

Markdown表格生成器

RegExp助手应用

Sales数据库应用程序

String Art

This or That Game

Typing Practice App

Voting App

Math Editor

▼ 初学者项目合集

Bin2Dec应用

Border Radius Previewer

CSV转JSON应用

Calculator App

Calendar App

因果应用

Christmas Lights App

Color Cycle App

倒计时器应用

Dollars To Cents App

Dynamic CSS Variables App

First Database App

Flip Image App

GitHub状态应用

Hello App

IOT邮箱应用

JSON转CSV应用

Javascript正则表达式验证

Key-Value 应用

Lorem Ipsum 生成器

Notes应用

Pearson回归应用

Pomodoro时钟

产品登陆页

Quiz应用程序

随机餐点生成器

随机数生成器

Recipe App

Roman to Decimal Converter

滑块设计

Stopwatch App

True or False App

Vigenere 密码

Weather App

Windchill App

Word Frequency App

▼ Advanced Ideas

Battleship Bot

Battleship游戏引擎

Boole Bot 游戏

Bug Race Game

Calorie Counter App

Chat应用

Contribution Tracker App

Elevator App

FastFood应用

GitHub时间线应用

GitTweet应用

Instagram克隆应用

Kudos Slackbot

Movie App

MyPodcast Library App

NASA系外行星查询

Shell Game

Shuffle-Deck-App

Slack 归档器

SpellIt-App

Survey App

GitHub 时间线

等级: 3-高级

API 和图形表示是现代 Web 应用程序的标志。GitHub 时间线结合了这两者,创建了一个用户的 GitHub 活动的视觉历史。

GitHup Timeline 的目标是接受一个 GitHub 用户名,并生成一个包含每个仓库的时间线,并用仓库名称、创建日期和描述进行注释。时间线应该是可以分享给潜在雇主的,应该易于阅读并有效地使用颜色和排版。

只应显示公共 GitHub 仓库。

用户故事

  • [ ] 用户可以输入 GitHub 用户名
  • [ ] 用户可以点击“生成”按钮来创建并显示命名用户的仓库时间线
  • [ ] 如果 GitHub 用户名不是有效的 GitHub 用户名,用户会看到一条警告消息。

额外功能

  • [ ] 用户可以看到按他们创建年份统计的仓库数量的摘要

有用链接和资源

GitHub 提供了两个你可以用来访问仓库数据的 API。你也可以选择使用 NPM 包来访问 GitHub API。

GitHub API 的文档可以在以下位置找到:

展示如何使用 GitHub API 的示例代码包括:

你可以使用这个 CURL 命令来查看你的仓库的 V3 REST API 返回的 JSON:

curl -u "user-id" https://api.github.com/users/user-id/repos

示例项目