PaintAppダウンロードPaintAppソースコードのダウンロード

PaintApp

その他のソースコード

ダウンロード

スプラッシュタイトル

Pythonペイントアプリ

JR用に構築された基本的なペイントアプリ。 Dev Hackathon Challenge

ハッカソンの指示
Pythonペイントアプリについて
特徴
既知の問題
技術スタック
展開
- ローカルサーバーに展開します
- Pythonにどこにでも展開します
開発者について
デモスクリーンキャプチャ
- 基本的なコントロール
- 保存、編集、削除します
- ギャラリービューとプロファイル

デモ：

ライブデモ

ハッカソンの指示

ペイントアプリ - ボブロスになる

コンピューターは、創造性と想像力の恩恵でした。デジタルアートは、何十年もの間、それ自体が媒体でした。そして、NFTの出現により、デジタルアーティストにとって未来は非常に明るいかもしれません。今日、私たちはあなたの友人や愛する人が彼らの創造的な側面を表現できるようにするアプリを構築します。

今日、あなたの挑戦は以下のいずれかを構築することです。

フロントエンドのみ

人々が視覚的な形式で創造性を表現できるアプリを構築します。必要なアプリケーションを作成できます。ペイントできる空白のキャンバスであるかどうか、写真編集アプリ、共有ホワイトボードなど、次の要件のいずれかまたは両方を満たす限り、次のようになります。

ユーザーとして、マウスを画面上にドラッグしてフリーフォームラインを作成できます。
ユーザーとして、マウスで画面の領域をクリックして、色、テクスチャ、またはパターンで満たすことができます。

フルスタック（オプション）

大まかに言えば、アプリケーションにとって理にかなっているフルスタック機能を追加します。例は次のとおりです。

共有可能なアート
保存可能なファイル
作業のギャラリーを使用したユーザープロファイル

UX/UIデザイナーとチーム用

UX/UIデザイナーの最初のコホートへの大歓迎！あなたのチームは、デザイナーがもたらすことができるビジョンとフィネスを持つことができて非常に幸運です！作業のクレジットを確実に取得するには、デザインを共有可能な形式に含めてください（PDF、Adobe XD、またはパブリックフィグマをお勧めします）。これを含めるのに最適な場所は、アプリケーションのランディングページとGitHub RepoのReadMeファイルにあります。 LinkedInとTwitterで作業も共有することをお勧めします。これは、個人的にストーリーテリングにカウントされるからです。

について

これは、JavaScriptキャンバスとの相互作用を可能にするために、DjangoフレームワークとJavaScriptを使用して構築されたシンプルなWebペイントアプリケーションです。このプロジェクトの目標は、Mintbeanが主催するJR Dev Hackathon Challengeを完了することです。

特徴

コントロール

シンプルなブラシ
消しゴム
パターンスタンプツール
カラーピッカー
ブラシサイズスライダー
キャンバスボタンをクリアします

機能

サイズ変更ブラシ/消しゴム/スタンプ
各ツールのサイズを保存します
各ツールの色の色
ユーザーアカウントの作成
アカウントにキャンバスを保存します
アカウントビュー
ユーザー保存アートを表示します
最近のアクティビティを表示します
保存されたアートを削除します
以前に保存されたアートを編集します

追加する機能

追加のブラシの形
追加のスタンプシェイプ
ライン/シェイプツール
充填ツール
元に戻す/やり直します
画像を読み込み/貼り付けます
コピーとして保存します

既知の問題

既知のバグのリストについては問題を参照してください。

 NOT compatable with Internet Explorer

技術スタック

Python 3.9
Django 3.2.8
ブートストラップCSS 5.0.2
ブートストラップJS 5.0.2
jQuery 3.5.1
Fontawesome 5.15.1
Google WebFonts
Canvas API

展開

Djangoアプリを展開するためのいくつかのリソースがあります。最も単純なプラットフォームの1つは、無料の層を備えたPythonのPythonです。これがどれほど簡単かを強くお勧めします。

ローカルサーバーへの展開：

プロジェクトのコピーをクローンします
Venvを使用して、プロジェクトの仮想環境を作成します
仮想環境を起動し、「compoision.txt」を使用して、このプロジェクトが構築されたDjangoのバージョンを含む必要なすべての依存関係をインストールします。

 NOTE: From this point, all commands should be run while working in the virtual environment you created

コマンドプロンプト/ターミナルから、仮想環境で作業していることを確認し、プロジェクトを含むフォルダーに移動します
プログラムフォルダー「paintApp」、「.env」と呼ばれるファイルを作成します。

 NOTE: This next step only works on Python 3.6 or higher:

コマンドプロンプト/ターミナルの実行から：
- python -c "import secrets; print(secrets.token_urlsafe())"
これにより、プロジェクトの秘密の鍵が生成されます
新しく作成されたシークレットキーをコピーして、コード/テキストエディターで.ENVを開き、次の行を追加します（引用符はオプションであるようです）：
- SECRET_KEY='*your_secret_key_here*'
.envファイルを保存して閉じます
次のコマンドを実行して、データベースを作成およびセットアップします。
- python manage.py makemigrations
- python manage.py migrate
ドキュメントでは、管理者またはスーパーユーザーアカウントを設定することは非常に簡単です。段階的なリンクを参照してください
- https://docs.djangoproject.com/en/3.2/intro/tutorial02/#creating-an-admin-user
これで、地元のコピーを立ち上げる準備ができているはずです！
次のコマンドを実行します
- python manage.py runserver

Pythonに展開する場所：

Python Anywhereの指示は非常に詳細であり、コピーを稼働させるのに役立つはずです。

https://help.pythonanywhere.com/pages/deployexistingdjangoproject/

開発者について

LinkedInプロファイル

私は高校から、AOL、Geocities、Angelfireの時代にコーディングに手を出してきました。私はグラフィックデザイナーおよびWeb開発者として数年を過ごし、主にWordPressでWeb開発のために働いていました。最近、ソフトウェア開発に切り替えてキャリアを切り替えることにしました。 DojoのコーディングでPythonフルスタックコースを完了し、ここで見ることができる最終プロジェクトから黒いベルトを獲得しました。