tech schoolダウンロード - tech schoolソースコードのダウンロード

tech school

その他のカテゴリー

1.0.0

ダウンロード

テックスクール

Tech School は、教育機関が学生のプロフィールとコース登録を管理するために設計された Web アプリケーションです。これにより、学生は自分のプロフィールを編集したり、利用可能なコースを表示したり、選択したコースに登録したりすることができます。この README では、インストール手順や機能の簡単な説明など、Tech School プロジェクトの概要が説明されています。

使用されるテクノロジー

HTML : Web 開発の基礎。
CSS : Web ページのスタイルを設定するためのカスケードスタイルシート。
JavaScript : インタラクティブな Web 機能に使用されます。
PHP : Web開発用のサーバーサイドスクリプト言語。
Tailwind CSS : 最新の Web アプリケーションを構築するためのユーティリティファーストの CSS フレームワーク。
DaisyUI : 一連の美しい UI コンポーネントを提供する Tailwind CSS のプラグイン。
JSON : データを保存および交換するための軽量のデータ交換形式。
サードパーティのサービスとライブラリ
- Composer : 依存関係の管理に使用される PHP パッケージマネージャー。
- Cloudinary : クラウドベースの画像およびビデオ管理サービス。
- PHPMailer : 電子メールメッセージを安全に送信するための人気のあるライブラリ。

特徴

Tech School は次の機能を提供します。

ユーザー認証: ユーザーは自分のアカウントに登録、ログイン、ログアウトできます。
プロフィール管理: 学生は、フルネーム、電子メール、電話番号、プロフィール写真などのプロフィールを更新できます。
コースリスト: 学生は、説明、期間、概要、要件など、利用可能なコースのリストを表示できます。
コース登録: 学生は登録理由を入力してコースに登録できます。登録は将来の参照のためにデータベースに保存されます。
ダッシュボード: ログインすると、学生には、プロフィール情報と登録済みのコースを表示するパーソナライズされたダッシュボードが表示されます。
ユーザープロフィール: プロフィール写真と背景画像を使用してユーザープロフィールを作成およびカスタマイズします。
Cloudinary の統合: プロフィール写真とコース画像は Cloudinary に保存され、安全でスケーラブルなクラウドストレージを提供します。
応答性の高いデザイン: アプリケーションは応答性が高く、デスクトップとモバイルデバイスの両方で適切に動作するように設計されています。
アラートメッセージ: ユーザーは、アクションの成功とエラー通知に関するアラートメッセージを受け取ります。

はじめる

以下の手順に従って、Tech School Web アプリケーションを起動し、ローカルマシン上で実行します。

前提条件

Tech School を実行するには、次のソフトウェアが必要です。

Web サーバー: Apache、Nginx、またはその他の任意の Web サーバーを使用できます。
PHP : PHP をサーバーにインストールします。 PHP Web サイトからダウンロードできます。
MySQL : ユーザーとコースの情報を保存するために MySQL データベースをセットアップします。
Composer : PHP の依存関係マネージャーである Composer を Composer Web サイトからインストールします。
Cloudinary アカウント: 画像を保存および管理するには、Cloudinary アカウントにサインアップします。

インストール

リポジトリのクローンをローカルマシンに作成します。
```
git clone https://github.com/EzeibekweEmma/tech-school.git
```
プロジェクトディレクトリに移動します。
```
 cd tech-school
```
Composer を使用して PHP の依存関係をインストールします。
```
composer install
```

プロジェクトのルートディレクトリに.envファイルを作成し、次の変数を構成します。

 # Database Configuration
DB_HOST = your_database_host
DB_USER = your_database_username
DB_PASS = your_database_password
DB_NAME = your_database_name

# Cloudinary Configuration
CLOUD_NAME = your_cloudinary_cloud_name
API_KEY = your_cloudinary_api_key
API_SECRET = your_cloudinary_api_secret

# Email Configuration
MAIN_EMAIL = your_email_address
PASSWORD = google_app_password
RECEIVER_EMAIL = your_email_address

データベースをセットアップします - スキーマ:

students向けスキーマ

 CREATE TABLE ` students ` (
` id ` varchar ( 255 ) NOT NULL ,
` full_name ` varchar ( 255 ) NOT NULL ,
` email ` varchar ( 255 ) NOT NULL ,
` phone ` varchar ( 20 ) NOT NULL ,
` profile_picture ` varchar ( 255 ) DEFAULT NULL ,
` password ` varchar ( 255 ) NOT NULL ,
` background_img ` varchar ( 255 ) DEFAULT NULL ,
` created-time ` timestamp NOT NULL DEFAULT current_timestamp () ON UPDATE current_timestamp ()
);

enrolled_coursesのスキーマ

 CREATE TABLE ` enrolled_courses ` (
 ` enrollment_id ` int ( 11 ) NOT NULL ,
 ` student_id ` varchar ( 255 ) NOT NULL ,
 ` course_id ` int ( 11 ) NOT NULL ,
 ` course_title ` varchar ( 255 ) NOT NULL ,
 ` reason ` varchar ( 255 ) NOT NULL ,
 ` enrolled_time ` timestamp NOT NULL DEFAULT current_timestamp ()
 );

次のコマンドを実行して CSS を再コンパイルします。

npx tailwindcss -i ./src/styles/input.css -o ./src/styles/output.css --watch

Web サーバーを起動し、Web ブラウザで Tech School アプリケーションに移動します。
```
http://localhost/tech-school
```
アカウントを登録してログインし、Tech School の機能を探索できるようになりました。

使用法

Tech School は、カスタマイズ可能な教育プラットフォームとして設計されています。コースの作成、管理者管理、追加のユーザーロールなどの機能を追加することで、その機能を拡張できます。スタイル、レイアウト、UI をカスタマイズして、教育機関のブランドに合わせます。

一般的な使用シナリオをいくつか示します。

学生登録: 新入生は個人情報を使用してアカウントにサインアップできます。
プロフィールの更新: 学生は自分のプロフィール情報を更新し、プロフィール写真をアップロードできます。
コース登録: 学生は利用可能なコースを参照し、興味のあるコースに登録できます。
ダッシュボード: ログイン後、学生はプロフィールの詳細や登録済みのコースを含む個人用ダッシュボードにアクセスできます。
ユーザープロフィール: プロフィール写真と背景画像を使用してユーザープロフィールを作成およびカスタマイズします。

スクリーンショット

貢献する

Tech School プロジェクトへの貢献は大歓迎です。バグを報告する場合でも、改善を提案する場合でも、コードを提供する場合でも、次のガイドラインに従ってください。

リポジトリをフォークします。
機能またはバグ修正用に新しいブランチを作成します: git checkout -b feature/your-feature-nameまたはbugfix/your-bug-fix 。
変更を加えてコミットします。
明確かつ簡潔なコミットメッセージを作成します。
変更を徹底的にテストします。
変更をフォークにプッシュします: git push origin feature/your-feature-name 。
元のリポジトリのmainブランチに対してプルリクエストを作成します。