Giter VIP home page Giter VIP logo

plex-task-api's Introduction

株式会社プレックスのインターン選考課題

課題内容

  • 提出期限 2週間以内
  • 要件
    課題は自身のGitHubアカウントにパブリックな状態で公開すること
    下記の技術スタックで開発し、バックエンドとフロントエンドでレポジトリを1つずつ作成すること
    各レポジトリ直下のREADME.mdにローカルで実行するための方法をまとめること
  • 制作物に関して
    Twitterのような掲示板サイト
    閲覧/投稿ができること
    画面数は1ページで良い
    ログイン機能は無くて良い
    ローカルで動かせれば良いので、サーバーなどをホスティングする必要はない
    デザインは必要最低限で良い
  • 技術スタック
    --バックエンド
    Ruby
    Ruby on Rails
    graphql-ruby
    --フロントエンド
    TypeScript
    Next.js
    Apollo Client
    --データベース
    PostgreSQL

開発環境

名前 バージョン 役割
Next.js v16.14.0 フロントエンド
Ruby on rails Ruby2.6.2 Rails6.1.4.6 バックエンド
PostgreSQL --- データベース

実際に動作を確認する

動作させるにはrubyをインストールした環境が必要。 環境が用意できたら下記手順を実行

  1. 任意のディレクトリでリポジトリの取得
$ git clone [email protected]:YUDAI0910/kadai-api.git
  1. railsの動作に必要なgemをインストール
$ cd kadai-api
$ bundle install
  1. apiのDB接続情報の設定
    kadai-api/config/database.yml内のDB接続情報を環境に合わせて設定する。
    設定する場所は以下の 三つ
  • user(PostgreSQLのユーザー名)
  • password(ユーザーのパスワード)
  • database(作成したデータベース名)
  1. apiの起動 ※フロント側とは別のターミナルを開いて実行
$ cd kadai-api
$ rails s
  1. railsのページを開く
    http://localhost:3000/にアクセス これでrailsの動作を確認できる。

苦労した点

・APIについての理解 ・Graphqlの使い方

バックエンド側で参考にした記事

https://zenn.dev/taku1115/articles/6c9fa97ab37e38 https://qiita.com/krtsato/items/4565051608a63f11b316 https://nakatanorihito.com/programming/docker-rails-postgresql/ https://zenn.dev/necocoa/articles/setup-graphql-ruby https://postgresweb.com/uninstall-postgresql-ubuntu2004 https://qiita.com/1024xx4/items/8e43171aeda300b67213 https://www.oiax.jp/rails3book/setup_postgresql.html https://tech.fusic.co.jp/posts/2019-08-23-rails-nuxt-graphql-todoapp/

plex-task-api's People

Contributors

yudai0910sw avatar yudai0910 avatar

Stargazers

 avatar

Watchers

 avatar

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.