Coder Social home page Coder Social logo

roadmap-sns's Introduction

Roadmap SNS

Roadmap SNS は「独学を楽しくする」がテーマのサービスです。 RoadmapSNS トップ画像

URL

http://roadmap-sns.herokuapp.com/
「ログイン」もしくは「新規登録」をクリックして画面遷移した後、
「ゲストユーザでログイン」をクリックすると、ログイン情報無しでログインできます。

開発背景/課題

・未経験からWEBエンジニアを目指す場合、何から学習すればいいか分からない
 (Progate,ドットインストール,本,動画教材 など多数)
・最終目標が大きく、学習をついつい先延ばしにしがち。
・自分の理解度にピッタリの難易度の教材が分からない。

開発目的

・多くの人がオススメする学習ロードマップを参考に、学習する教材/タスクを選ぶ。
・目標(タスク)を細かく分割して少しずつ学習することで、最終目標に着実に近づくことを支援する。
・適切な難易度の学習をして、モチベーションが高い状態(フロー状態)で学習をする。

機能一覧

・新規ID登録機能
・ログイン/ログアウト(ゲストログイン機能あり)
・ロードマップ一覧表示
・ロードマップいいね機能(非同期)
 -マイページより、イイねしたロードマップ一覧を閲覧できます。
・ロードマップ詳細画面
 -ロードマップの教材を自分の"学習中の教材"へ追加可能(教材個別 or 全てまとめて)
・ロードマップ投稿機能
 -1教材・多タスクの単位でロードマップを投稿することができます。
・学習中の教材画面
 -教材の表示切替・追加・削除
 -教材単位で[学習状況] [進捗率] [タスクの進捗状況(Todo・Doing・Done)]を確認できます。
 -Trello風にタスクを追加・削除・移動できます。
・マイページ画面
 -フォロー・フォロワー機能
 -完了教材数/総クリアタスク数の表示
・レスポンシブ対応

使用技術

フロントエンド

・HTML/CSS
・Bootstrap
・JavaScript
・Vue 2.6.12

バックエンド

・PHP
・Laravel 6.20.2

インフラ

・Heroku
・CircleCI(自動テスト、テスト失敗時にmasterブランチへマージ不可)

E-R図

ER図

roadmap-sns's People

Contributors

0322keisuke avatar

Watchers

James Cloos avatar  avatar

Forkers

projecteuropa

roadmap-sns'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.