2021年に作るべきフルスタックプロジェクト7選

7 Fullstack Projects You Need to Make in 2021のカバー画像

フルスタックプロジェクトって何を作ればいいの?そんな疑問を抱えてる人にピッタリの記事を見つけました。2021年に作るべきフルスタックプロジェクトを7つ紹介します。さっそく見ていきましょう!

E-commerce Site(Eコマースサイト)

Eコマースサイトは、ユーザーが商品を購入できるサイトです(例:Amazon、eBayなど)。Eコマースサイトを作ることで、APIとウェブサイトを作るために必要なすべての要素、セキュリティ、CRUD、データベース、フロントエンドフレームワーク、ステート管理などを学ぶことができます。フルスタックウェブ開発をマスターしたい人に最適なプロジェクトです。

私の技術スタックは以下の通りです:

  • Svelte
  • Node.js + Express
  • Typescript
  • PostgreSQL

チュートリアル(もし困ったら)

Social Media App(ソーシャルメディアアプリ)

ソーシャルメディアアプリは、オンラインでユーザーが互いに交流できるアプリです(例:Instagram、Twitter、Facebookなど)。ソーシャルメディアアプリを作ることは、パフォーマンス、セキュリティ、アプリの見た目を優先して、ユーザーに魅力的なプラットフォームを作る方法を学ぶ絶好のチャンスです。

私の技術スタックは以下の通りです:

  • Flutter
  • Node.js + Express
  • MongoDB

チュートリアル(もし困ったら)

Blog Site(ブログサイト)

dev.toのようなブログサイトを作りましょう!ユーザーが自分の知識を共有できるサイトを作ることで、コンテンツ管理、APIの構築、CRUDなどについて学ぶことができます。

私の技術スタックは以下の通りです:

  • Next.js
  • Chakra UI + Tailwind CSS
  • Node.js + Express
  • PostgreSQL
  • Redis

チュートリアル(もし困ったら)

Todo List(やることリスト)

やることリストは、作ることができるフルスタックプロジェクトの定番です。このリストの中で最も初心者に優しいプロジェクトです。ユーザーがログインしてリスト形式でやることを追加・削除できるサイトを作成します。認証、CRUD、データベースなどについて学ぶことができます。

私の技術スタックは以下の通りです:

  • Svelte
  • Flask
  • PostgreSQL

チュートリアル(もし困ったら)

Workout Tracker(ワークアウトトラッカー)

このプロジェクトは、このリストで私のお気に入りの一つです。ユーザーが完了したワークアウトを記録できるアプリを作ってみましょう。これにより、フルスタック開発全般について学びます:認証、セキュリティ、CRUD、フロントエンドフレームワークなど。

私の技術スタックは以下の通りです:

  • Vue.js
  • Django
  • Mongo DB

チュートリアル(もし困ったら)

Chat App(チャットアプリ)

このフルスタックプロジェクトは、今日みんなが話題にしています。このプロジェクトでは、ユーザーが個別に、またはグループでチャットできるウェブサイトを作成します。リアルタイムのデータ転送、フロントエンドフレームワーク、認証、セキュリティなどについて学ぶことになります。

私の技術スタックは以下の通りです:

  • React.js
  • Firebase + Firestore

チュートリアル(もし困ったら)

Zoom Clone(Zoomクローン)

2020年、Zoomはみんなを席巻しました。私の知っている人はみんな、仕事、学校、交友、運動など、生活の全てでZoomを使っています!チャレンジしてみましょう:ユーザーがウェブカメラでチャットできる「Zoomクローン」を作成すること。初心者に特におすすめしたいプロジェクトです。

私の技術スタックは以下の通りです:

  • WebRTC
  • socket.io

チュートリアル(もし困ったら)


これらのプロジェクトに挑戦することを心から願っています。最近作っているフルスタックプロジェクトがあれば是非共有してほしいです、見てみたいです!読んでいただきありがとうございました。

ヘンリー

こちらの記事はdev.toの良い記事を日本人向けに翻訳しています。
https://dev.to/hb/7-fullstack-projects-you-need-to-make-in-2021-bdn