Giter VIP home page Giter VIP logo

bloger_express's Introduction

Profile Views Zenn

👻 Activities

Most Commit Language GitHub stats

Profile Defaults

⚙️ Powered By

bloger_express's People

Contributors

ksaito422 avatar kt-saito avatar

Watchers

 avatar

bloger_express's Issues

ホーム画面

  • 未ログイン者用のログインフォーム

  • ログインフォーム

  • 新規登録ページへボタン

  • 記事コンポーネント

  • 記事表示カード

Headerコンポーネント

  • アバターの表示非表示

  • 未ログインの場合、非表示にする

  • アバタータップでメニューを表示

  • マイページ

  • ログアウト

  • マイ投稿記事

ドロワーメニューでの実装になりそう

環境構築

  • TypeScript
  • Nodemon
  • eslint
  • prettier
  • Prisma
  • migration
  • seeder

などの設定

例外処理

全体での例外処理を見直して実装したい

新規登録

Firebaseの新規登録を使用

アプリfirebase間で登録処理後にnameとidTokenが送られてくる想定

API設計見直し

  • 不要なAPIの削除
  • パラメータの見直し
  • レスポンス、リクエストの見直し

自分の投稿記事画面

タブで2パターンに切り替える

  • 自分の投稿記事セクション

  • 記事投稿セクション

  • 自分の記事を表示

  • 記事投稿フォーム

  • 記事投稿ボタン

退会

  • firebase
  • api

両方からユーザを削除する

新規登録画面

  • UI

  • name

  • email

  • password

  • バリデーション

  • name maxLen: 50, string, required

  • email email

  • password 大文字小文字数字の組み合わせminLength: 8

記事詳細画面

  • 記事の詳細を表示

自分の記事の場合、編集・削除ボタンを表示する

ログイン

Firebaseと連携したログイン

フロントからidTokenが送られてくる想定なので、それに基づいた実装。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.