GithubHelp home page GithubHelp logo

ryosukeoya / hapitasu Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 6.86 MB

Todoアプリ「はぴたす」、React , Laravel ※ サーバー費用の関係でインフラをAmazon Lightsailに移行しました

Home Page: https://hapitasu.life/

Shell 0.09% PHP 89.61% Blade 0.16% TypeScript 10.13% HTML 0.01%
laravel react typescript

hapitasu's Introduction

概要

  • Todo アプリ「はぴたす」を React と Larave で SPA で作ってみました! 基本的な CRUD 機能とログイン、ログアウト、新規登録ができます。加えて、タスクに赤、青、黄、緑のタグをつけれるようにしたのでタスク毎の重要度の差を表現できます 🎉

機能一覧

  • タスク一覧表示
  • タスク新規作成
  • タスク編集
  • タスクのチェックをつける
  • タスク削除
  • ユーザー登録
  • ログイン
  • ログアウト
  • タグ(色付きのラベル)の表示、新規作成、編集

フロントエンド

  • TypeScript
  • React

※ styled components,tailwindcss
※ Laravel Mix（同一オリジン）

バックエンド

  • Laravel

DB

  • MySQL

インフラ

  • AWS ( VPC, EC2 , RDS, ELB, Route53, CloudWatch)

サーバー

ミドルウェア : Nginx

OS 　 : Amazon Linux

注) サーバー費用が高いのでインフラ環境をAmazon Lightsailに変更しました🙇‍♂️ 2023/03/01~

設計

hapitasu's People

Contributors

ryosukeoya avatar

Watchers

avatar

hapitasu's Issues

4,ログイン機能作成

LaravelUIでログイン機能実装してみた
LaravelJetstreamはreactに対応してないらしい

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.