何かを作りたいと思ったけど、何をすればいいのか分からなかったということはありませんか?作成者が「ライター ブロック」に陥ることがありますが、これは開発者にも当てはまります。このリストは、この問題を完全に解決することを目的としています。 ?
これらのアプリケーションは次のとおりです。
これは単なるプロジェクトの単純なリストではなく、各プロジェクトをゼロから開発できるように十分に詳細に説明したコレクションです。
各プロジェクトには次の機能があります。
プロジェクトは、完了するために必要な知識と経験に基づいて 3 つの層に分けられます。
階層 | 開発者プロフィール |
---|---|
1 | 学習の初期段階にある開発者。通常、ユーザー向けアプリケーションの作成に重点を置いている人。 |
2 | 学習と経験の中間段階にある開発者。 UI/UX、開発ツールの使用、API サービスを使用するアプリの構築に慣れています。 |
3 | 上記のすべてを備えており、バックエンド アプリケーションやデータベース サービスの実装など、より高度なテクニックを学習している開発者。 |
名前 | 簡単な説明 | 階層 |
---|---|---|
チェスゲームアプリ | JavaScript を使用した 2 人用チェス ゲーム アプリケーション | 1-初心者 |
10のユーザーインターフェース | 10 HTML、CSS、JavaScript を使用したユーザー インターフェイス | 1-初心者 |
オーディオブック | Python を使用して PDF をオーディオブックに変換 | 1-初心者 |
顔認識アプリ | OpenCVを使用した顔認識 + 勤怠 | 1-初心者 |
名前 | 簡単な説明 | 階層 |
---|---|---|
Airbnbクローンアプリケーション | Airbnb ホームページ クローン用の React アプリ | 2-中級者 |
TMDBムービーアプリ | ReactJS を使用したインタラクティブなムービー データベース アプリ。 | 2-中級者 |
Github ジョブ アプリ | React Hooks と Github API を使用した GitHub Jobs アプリ | 2-中級者 |
天気アプリ | Open Weather Map API を使用した React JS の天気アプリ | 2-中級者 |
名刺ジェネレーター | React JS を使用した名刺ジェネレーター | 2-中級者 |
反応フォトギャラリー | React JS と Firebase を使用したフォト ギャラリー アプリ | 2-中級者 |
チャットボットアプリケーション | Pythonを使用して質問に答えることができるチャットボット | 2-中級者 |
映画レコメンデーション エンジン | MLを利用した映画推薦システム | 2-中級者 |
クレジットカード不正行為の検出 | ML を使用したクレジット カード不正検出 | 2-中級者 |
React を使用した Wildfire トラッカー | React、NASA API を使用した山火事の検出 | 2-中級者 |
React を使用した Google ドライブのクローン | React、Firebase を使用した Google ドライブ クローン | 2-中級者 |
フィットネスアプリ | Python と HarperDB を使用して、新しいワークアウトを毎日電子メールで送信するフィットネス アプリです。 | 2-中級者 |
名前 | 簡単な説明 | 階層 |
---|---|---|
Facebook クローン アプリケーション | React JS と Firebase を使用した Facebook クローン アプリケーション | 3-上級 |
Netflix クローン - フルスタック | TMDB APIを使用したNetflixクローンアプリケーション | 3-上級 |
Instagramクローンアプリケーション | React JS を使用した Instagram クローン アプリケーション | 3-上級 |
COVID-19 トラッカー | React JS を使用した COVID-19 トラッカー | 3-上級 |
フルスタックの Amazon クローン | REACT JS を使用したフルスタック AMAZON クローン | 3-上級 |
Flipkart クローン アプリケーション | MERN スタックを使用したフルスタック Flipkart クローン | 3-上級 |
投票アプリケーション - MERN | MERNスタックを使用した投票アプリ | 3-上級 |
旅行ログ - MERN STACK | MERN スタックを使用したトラベル ログ アプリ | 3-上級 |
Discord クローン - MERN スタック | MERN スタックを使用した Discord クローンアプリ | 3-上級 |
メッセンジャー クローン - マーンスタック | MERN スタックを使用したメッセンジャー クローン アプリ | 3-上級 |
Tik Tok クローン - マーンスタック | MERNスタックを使用したTik Tokクローンアプリ | 3-上級 |
ロビンフッドのクローン | React JS を使用した Robinhood クローン | 3-上級 |
LinkedIn クローン | React JS を使用した LinkedIn クローン | 3-上級 |
シグナルクローン | React JS を使用したシグナルクローン | 3-上級 |
Gmail クローン | React JS を使用した Gmail クローン | 3-上級 |
電子商取引アプリケーション | MongoDB、Reactjs、Nextjs | 3-上級 |
フルスタックNFTマーケットプレイス | イーサリアム、ポリゴン、Next.js | 3-上級 |
請求書申請 | Vue 3、Vuex、Firebase | 3-上級 |
フルスタック Twitter クローン | Next JS、Recoil JS、Tailwind CSS、Nextauth、Firebase | 3-上級 |
名前 | 簡単な説明 | 階層 |
---|---|---|
Godaddy のようなドメイン サイト | Godaddy のような Web 3.0 ドメイン サイト | 2-基本 |
Solidity を使用した Amazon クローン | Solidity、Ethers.js、React、Hardhat | 2-基本 |
Zillowのような不動産アプリ | ソリディティ、イーサリアム、ヘルメット、リアクト | 2-基本 |
トピック | 家庭教師 |
---|---|
マーンスタックのチュートリアル | 賢いプログラマー |
React JS チュートリアル | フリーコードキャンプ |
ジャンゴのチュートリアル | 賢いプログラマー |
フルスタック GraphQL React | ベン・アワド |
反応プロジェクト | コーディング中毒 |
PHP チュートリアル | ハリーとコードを書く |
React Native プロジェクトのプレイリスト | プログラマーによる |
Spring フレームワークのチュートリアル | ダージェシュと一緒にコードを学ぶ |
JSP とサーブレットのチュートリアル | ダージェシュと一緒にコードを学ぶ |
React JS の履歴書とポートフォリオの Web サイト | サルマン・ファザル |
5 つの Spring Boot プロジェクト | Java ガイド |
Kubernetes の 100 日間 | アナイス・ウリックス |
.NET 5 および Hot Chocolate を使用した GraphQL API | レス・ジャクソン |
.NETマイクロサービス | レス・ジャクソン |
このリポジトリにはさらに多くのプロジェクトを追加する予定です。そのためにはあなたの助けが必要です!貢献方法については以下をご覧ください。 ?
また、すべてのプロジェクトを簡単に閲覧できるウェブサイトの作成も計画しています。
あらゆる貢献を高く評価します。次の 2 つの方法で貢献できます。
プロジェクトが完了した後、独自のサンプルをプロジェクトに追加することもできます。これを行うことで、どのような素晴らしいものが構築されたかを他の人に見せることができるので、これを行うことを強くお勧めします。 ?
素晴らしい人々全員に感謝します。あらゆる種類の貢献を歓迎します。
このリポジトリをさらに大きくするために、オープンソース愛好家の皆様からの素晴らしい貢献をお待ちしています。 PR を成功させるには、Contributing.md ファイルに記載されている手順に従ってください。
このリポジトリの情報が何らかの形で役に立った場合は、必ずスターを付けてください。こうすることで、他の人も情報を見つけて恩恵を受けることができます。一緒に成長し、コミュニティをより良くしていきましょう! ?
このプロジェクト全体を改善する方法について何か提案はありますか?お知らせください!ぜひご意見をお聞かせください❤!