私が取り組んだプロジェクト

Mintlayer ノードアプリ

Mintlayer Node App は、ウォレットを作成、インポート、暗号化し、ステーク、委任、ML トークンを送信する Tauri アプリです。

フロントエンドは React を使用して構築され、Tailwind CSS を使用してスタイル設定され、バックエンドは Rust を使用して構築されています。

アプリは複数の機能を並行してサポートしているため、ユーザーは干渉されることなく同時に複数のアクションを実行できます。

Tauri

Tauri

React

React

Rust

Rust

Tailwind CSS

Tailwind CSS

Git

Git

TypeScript

TypeScript

CI/CD

CI/CD

GitHub

GitHub

Vite.js

Vite.js

project image

アペックスパッド

Near チェーン上の Apexpad トークン クリエーター/ロッカー プラットフォーム。

この Web アプリは、トークンを作成し、プール、流動性、ロック トークン、LP トークンを作成するために使用できます。

このプラットフォームで作成されたすべてのトークンを一覧表示し、リアルタイムのトークン情報を表示するためにも使用されます。

このプラットフォームのスマート コントラクトは Rust で開発され、フロントエンドは Next.js で開発され、material-ui を使用してスタイル設定され、すべての画面サイズに完全に対応し、ダーク モードの切り替えが可能です。

Rust

Rust

Tailwind CSS

Tailwind CSS

Next.js

Next.js

Nginx

Nginx

CI/CD

CI/CD

AWS-S3

AWS-S3

Git

Git

Material-UI

Material-UI

TypeScript

TypeScript

D3.js

D3.js

Kubernetes

Kubernetes

project image

工場ゲーム

Mintlayer Node App は、ウォレットを作成、インポート、暗号化、ステーク、委任、ML オフラインを送信する Tauri アプリです。

フロントエンドは React を使用して構築され、Tailwind CSS を使用してスタイル設定され、バックエンドは Rust を使用して構築されています。

アプリは複数の機能を並行してサポートしているため、ユーザーは競合されると同時に複数のアクションを実行できます。

Solidity

Solidity

Polygon

Polygon

Express.js

Express.js

Material-UI

Material-UI

React

React

Hardhat

Hardhat

project image

ステーキングバース

GameFi エコシステム向け NFT ステーキング プラットフォーム

このプラットフォームは、NFT マーケットプレイス プラットフォームと統合されています

アプリケーションは Solidity、React を使用して作成され、Tailwind CSS を使用してスタイル設定されています。

アプリの機能は、ステーキング、デポジット、引き出しです。NFT ステーキングによって利益を生み出します

Solidity

Solidity

Hardhat

Hardhat

Polygon

Polygon

AWS

AWS

Jira

Jira

Confluence

Confluence

React

React

CI/CD

CI/CD

Vite.js

Vite.js

project image

デジタルバリューストリーム

フィンテック企業の上級役員向けの求人サイト。これらの企業でパートタイムで働くことができます。

企業またはクライアントは新しい求人を投稿し、専門家を見つけて招待を送信できます。クライアントは求人を検索し、興味があれば提案を送信できます。

エンドツーエンドの型安全なコード

Socket.IO

Socket.IO

AWS

AWS

React

React

MongoDB

MongoDB

GraphQl

GraphQl

TypeScript

TypeScript

Node.js

Node.js

Material-UI

Material-UI

Redux

Redux

Jira

Jira

Confluence

Confluence

project image

補助

大学の学生向けの求人サイト。

これは私が初めて自分で作成した大きなフルスタック プロジェクトで、node.js と express.js を使用して作成し、TailwindCss を使用してスタイル設定しました。クライアントは新しい求人を投稿でき、学生は求人を検索してメンターにレビューを依頼できます。メンターによるレビュー後、クライアントに提案を送信します。

大学で勉強している学生向けにカスタマイズされています。

Node.js

Node.js

Express.js

Express.js

AWS-S3

AWS-S3

MongoDB

MongoDB

Tailwind CSS

Tailwind CSS

Jira

Jira

Socket.IO

Socket.IO

AWS

AWS

Vite.js

Vite.js

Sass

Sass

Docker

Docker

このウェブサイト

私のポートフォリオ Web サイトは、Next.js フレームワークを使用して React で構築されています。

ソース コードは 100% TypeScript で記述されており、Typescript が提供する型安全性により、プロジェクトのメンテナンスが容易です。ソース コードは非常にモジュール化されているため、デバッグが容易です。

スタイル設定は Material-UI を使用して行われ、Web サイトにはダークとライトの 2 つのテーマが付属しています。

アニメーションは 2 つのライブラリを使用して行われます。弾むようなロゴ アニメーションには react-spring、ページ遷移には framer-motion を使用します。

Next.js 10 の新機能である next/image は、ディスプレイに応じて画像のサイズを自動的に変更し、画像の読み込みが遅いために HTML 要素がシフトするのを防ぐために使用されています。

この説明はソース コードでマークダウンとして入力され、プロジェクト コンポーネントはリンク、アイコン、タイトル、画像などのプロパティを受け取ります。ハードコードされているものはありません。

TypeScript

TypeScript

Next.js

Next.js

React

React

Material-UI

Material-UI

react-spring

react-spring

Framer Motion

Framer Motion

project image

ミールハブ

友人の Discord サーバーで実施したライブ ワークショップ用に作成したシンプルなレシピ アプリケーションです。

ワークショップの目的は、TheMealDB API を使用して小さなレシピ アプリケーションを作成し、ルーティング用の React フック、useState、useEffect、useRef、および react-router-dom について学習することでした。

注: ワークショップでは React の概念に重点が置かれていたため、スタイリングは行われませんでした。

React

React

Material-UI

Material-UI

project image

ポケモン

私はオープンソースの初心者向けにこのプロジェクトを立ち上げ、Hacktoberfest に向けて Github で最初のプルリクエストを作成できるように支援しました。

マージの競合、Github の問題、オープンソース プロジェクトの維持について多くのことを学び、また多くの人々が Hacktoberfest に貢献できるように支援しました。

このプロジェクトには合計で約 55 件のプルリクエストが寄せられました。

GitHub

GitHub

Git

Git

React

React

Bootstrap

Bootstrap

project image

ライトジョーク

React を使用して構築され、Material-UI を使用してスタイル設定されたジョーク アプリ。

アプリは、Sv443 の JokeAPI を使用してジョークを取得します。

アプリの機能には、カテゴリによるジョークのフィルタリング、ジョークの検索、物議を醸す/不適切なジョークのブラックリスト化などがあります。

ユーザーはジョークをお気に入りに登録することもできます。その後、ナビゲーション バーから移動して、お気に入りページでそのジョークを表示できます。

ジョークを共有するには、そのジョークの Web ページに移動するリンクをコピーするか、ジョークをコンピューターのクリップボードに直接コピーするかの 2 つの方法があります。

React

React

Material-UI

Material-UI

project image