Code Monkey home page Code Monkey logo

nuxt-songs-go's Introduction

nuxt-songs-go

概要

  • Golang+Nuxt.jsのSPAであるオリジナルアプリケーション「Your Songs」のNuxt.jsのコード
  • Spotifyの無料アカウントを作ってお持ちであれば、Spotifyで曲を検索して投稿することができます。

アプリケーションURL

http://your-songs-go.com

バックエンド側のコード(Golang)

アプリケーション全体での主な使用技術

  • Golang 1.14
  • Nuxt.js 2.11
  • TypeScript
  • AWS
  • VPC
  • EC2
  • Route53
  • RDS for MySQL
  • S3
  • ALB
  • ECS
  • ECR
  • ElastiCache (Redis)
  • Terraform
  • AWS Secrets Manager

Golangのコード

  • net/httpパッケージでHTTPサーバーの起動
  • gorilla/muxを用いてルーティング作成
  • ORM用ライブラリGORMを使用
  • sql-migrateを用いてマイグレーション
  • GolangCI-Lint
  • net/http/httptestを用いてテストコード記述
  • ルーティングについて必要であるものはJwtMiddlewareでラップ
  • Redigoを用いてRedisの使用

APIリクエストがあるとJSON形式でフロントにレスポンスを返しています。

実装済みの主な機能

  • ユーザー登録・ログイン
  • ユーザー情報の取得
  • ユーザー情報編集
  • SpotifyAPIを用いた曲検索
  • 曲の追加
  • 曲情報の取得
  • 曲の編集
  • 曲の削除
  • 曲をお気に入りする機能
  • Redis(ElastiCache)の利用(曲の取得・追加・更新・削除)
  • Clean Architectureを倣ったディレクトリ構成
  • テストコード
  • Github Actionsを用いた自動テスト
  • Github Actionsを用いて、ECR への image の push, ECS(Fargate)への自動デプロイ

現在実装中

  • 画像をアップロードしてS3に保存する機能
  • CloudFrontの導入
  • Lambda・API Gatewayの導入

アプリケーションのTOP画面

Image from Gyazo

インフラ構成図

Image from Gyazo

nuxt-songs-go's People

Contributors

kt-321 avatar

Watchers

 avatar

nuxt-songs-go's Issues

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.