AtCoder remainder

OVERVIEW

atcoderの問題をタスク化するアプリ

YEAR 2021

サイト概要

私が最初に作成したWebアプリケーションです。React.jsを使用して作成しました。

AtCoderの問題を解いているとき、問題ページのタブをたくさん開くのでそれを解消するためにAtCoderの問題を一元化するWebアプリを作成しました。


内部処理

AtCoderの問題のURLをフォームに入力すると、APIからデータを取得して問題がタスクリスト上に表示されます。APIから取得するデータは問題名、問題の難易度や正解状況です。データはローカルストレージ上に保存されます。


スクリーンショット

改修計画

  • react-scriptをviteに変更 → 済
  • JavaScriptからTypeScriptに変更 → 済
  • 提出状況を最新なものにする機能 → 済
  • 使用しているAPIの仕様変更への対応 → 済
  • デザインの一新 
  • タグ機能の追加
  • E2Eテストの追加
  • APIリスト数を減らす


WEBSITE