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

运动锦标赛生成器

等级: 中级

无论您的主项运动是足球、棒球、板球还是竞技游戏,在锦标赛期间跟踪您最喜欢的队伍的进展是一项深受喜爱的活动。

传统上,跟踪队伍进展是通过一个水平树状图来完成的,该图在左侧显示所有初始比赛。在每场比赛结束后,胜者将晋级到锦标赛的下一轮,并且相邻比赛的胜者也会晋级。图表中的列用于表示每一轮,左侧相邻列中的一半团队与右侧相邻列中的两倍团队相对应。每一列中的团队数量从左到右逐渐减少,直到最后一轮(列)包含锦标赛中的最终胜者。

SportsBracket生成器通过在一个浏览器窗口中绘制它来自动化创建此类图表的过程,以减轻用户手工绘制它的负担。

用户故事

  • [ ] 用户可以输入锦标赛的名称
  • [ ] 用户可以输入锦标赛的开始和结束日期
  • [ ] 用户可以输入比赛中竞争的团队数量
  • [ ] 如果开始或结束日期无效,用户会看到警告
  • [ ] 如果输入的竞争团队数量为奇数,用户会看到警告

额外功能

  • [ ] 用户可以为每场比赛输入竞争团队名称
  • [ ] 用户可以为每场比赛输入比赛日期
  • [ ] 用户可以为每场比赛输入最终比分
  • [ ] 用户可以期望此数据在会话之间保持一致

有用的链接和资源

示例项目