{"size": 1077, "ext": "js", "max_stars_repo_path": "src/App.js", "max_stars_repo_name": "sinchang/javascript30-react", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/App.js", "max_issues_repo_name": "sinchang/javascript30-react", "max_issues_repo_issues_event_min_datetime": "2019-03-04T03:36:59.000Z", "max_issues_repo_issues_event_max_datetime": "2021-06-07T22:22:18.000Z", "max_forks_repo_path": "src/App.js", "max_forks_repo_name": "sinchang/javascript30-react", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 34, "max_forks_count": null, "avg_line_length": 33.65625, "max_line_length": 62, "alphanum_fraction": 0.6323119777}
import React, { Component } from 'react'
import './App.css'
import { HashRouter as Router, Route } from 'react-router-dom'
import Home from './pages/Home'
import Drumkit from './pages/day1/DrumKit'
import Clock from './pages/day2/Clock'
import Variables from './pages/day3/Variables'
import Panels from './pages/day5/Panels'
import Type from './pages/day6/Type'
import Checkbox from './pages/day10/Checkbox'
import Player from './pages/day11/Player'
class App extends Component {
  render() {
    return (
      <Router>
        <div className="App">
          <Route exact path="/" component={Home} />
          <Route exact path="/day1" component={Drumkit} />
          <Route exact path="/day2" component={Clock} />
          <Route exact path="/day3" component={Variables} />
          <Route exact path="/day5" component={Panels} />
          <Route exact path="/day6" component={Type} />
          <Route exact path="/day10" component={Checkbox} />
          <Route exact path="/day11" component={Player} />
        </div>
      </Router>
    )
  }
}

export default App
