CodeForPhilly / CodeForPhilly/codeforphilly.org

Redesign: replacing current project tiles with new ones from figma mockup

オープン
#95 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
redesign
主要言語
CSS
スター
10
フォーク
7
PR マージ指標
30日以内にマージされた PR はありません

説明

Currently project tiles require you click in to a modal, we've redesigned them with a call to action button and added a active tag.

Old:
![image](https://user-images.githubusercontent.com/62623893/202045657-f5a96549-95b5-440f-bd2b-904893dc8c3c.png)

New:
![image](https://user-images.githubusercontent.com/62623893/202045791-f6285a0e-7acf-4ac5-92e7-e7394955caa2.png)

## Details:

* We will need a short description for each project. Let's be sure to check the description with the project.
* This might be a good time to check in to see which projects should be featured on the tiles.
* We might also want consider how many tiles we'd like on the page. Let's start with eight or less and go from there.
* "Read More" buttons should lead to project page.
* For example: the "read more" button for Choose Native Plants PA would lead you to https://codeforphilly.org/projects/pa_wildflower_selector
* Lets add direct links for github, and project website on each tile, similar to Hack for LA, and test it out on some users?

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

まず、既存の project-tile のエントリーポイントを特定し、Figma のモックアップと比較します。再設計したタイルを実装してテストする前に、プロジェクトの説明、注目プロジェクトのリスト、タイルの数、Read More の遷移先、GitHub とプロジェクトウェブサイトへの直接リンクを確認します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
css, figma
領域
design, frontend, web-dev
issue の種類
機能追加
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。