/genius-chicken

portfolio

Primary LanguageTypeScript

Genius Chicken

Genius Chicken

ゲストログインができます

overviews

アプリ概要
インフラ構成
技術選定
データベース設計
実装機能

アプリ概要

Genius Chickenはタスク管理のためのWebアプリケーションです。

名前の由来は、覚えることのできるニワトリは天才だと思ったからです。

アプリの用途は、基本的にはタスク管理ですがメモや日記としても使えると思います。

大学の授業グループワークやゼミで使えそうな、複数人でタスクを管理できるアプリを作ってみたくて開発しました。

機能数はまだ少ないですが、これからも継続的に開発を進めていきます！

インフラ構成

Genius Chicken

データベース設計

Genius Chicken

技術選定

Backend

  • Language: Python
  • Framework: Django Rest Framework
  • Database: MySQL

Frontend

  • Language: TypeScript
  • Library: React.js
  • Framework: Next.js
  • State Management: Context API
  • UI Library: MUI(Material UI)

Infrastructure

  • Cloud: AWS
  • Service: VPC, RDS, ECR, ECS, ALB, Route53, ACM, Cloud Watch
  • IaaS: terraform
  • PipeLine: Github Actions

Others

  • Container: Docker, Docker-compose
  • Web Server: Nginx
  • Application Server: Gunicorn

実装機能

機能要件

User Function

  • CRUD
  • User List
  • User Detail
  • Gest Login
  • Login, Logout

Task Function

  • CRUD
  • Task List
  • Task Detail

Group Function

  • Group In
  • Group Out
  • Show Group

Category Function

  • Create (cant't Delete)
  • Select Category

Pagination Function

  • 20/perpage

Sorting Function

  • Task, Status, Category, Create_at

Others

  • Full Responsive Design
  • Dark Mode
  • Drawer Menu
  • Snack Bar
  • Loading
  • Disable Button

非機能要件

  • Fetch: useSWR
  • Rendering: SSG, ISR