|
5- Instagram Clone
|
|
Criteria
|
Ratings
|
Pts
|
|
This criterion is linked to a Learning OutcomeHeader bar
Requirements: Logo/name, search box, icons. Header must remain fixed at the top and span the entire width of the page
|
|
5.0 pts
Full credit
99% or better match to Instagram's interface. Does not need to have exactly the same icons or font but otherwise should be an exact copy.
|
4.0 pts
Complete
Minor spacing issues between icons or search bar + logo, slightly wrong colors, header is slightly too short or narrow, etc. Must have all requirements listed.
|
2.0 pts
Incomplete
Automatic if missing 1-2 requirements (icons, logo, search bar, etc.) OR has major styling issues, etc.
|
0.0 pts
No credit
Automatic if missing 2+ requirements (icons, logo, search bar, etc.), is not styled, etc.
|
|
5.0 pts
|
|
This criterion is linked to a Learning OutcomeSearch box
|
|
2.0 pts
Full credit
Search box color changes when in focus, magnifying glass icon inside search box on left side
|
1.0 pts
Partial credit
Search box color does not change OR is missing magnifying class OR has major styling issues
|
0.0 pts
No credit
Color does not change AND is missing icon, OR has no styling
|
|
2.0 pts
|
|
This criterion is linked to a Learning OutcomeImage posts
Requirements: 2 image posts with captions, "add a comment" section, like/message/share/save icons, profile image and name on each post, time since image was posted
|
|
5.0 pts
Full credit
99% or better match to Instagram's interface. Does not need to have exactly the same icons but otherwise should be an exact copy.
|
4.0 pts
Complete
Some minor spacing issues, stretched/improperly sized images, etc. Must have all requirements listed.
|
3.0 pts
Partial credit
Maximum amount of points allowed for only 1 image post if perfectly styled
|
2.0 pts
Incomplete
Automatic if missing 2-3 requirements (regardless of styling) OR has major styling issues, etc.
|
0.0 pts
No credit
Missing 3+ requirements, is not styled, etc.
|
|
5.0 pts
|
|
This criterion is linked to a Learning Outcome"Suggestions for you" section
Requirements: 3 suggestions with profile image, username, follow button, "see all" text, arrow to scroll further (but does not need to actually scroll)
|
|
5.0 pts
Full credit
99% or better match to Instagram's interface. Does not need to have exactly the same icons but otherwise should be an exact copy.
|
4.0 pts
Complete
Some minor spacing issues, stretched/improperly sized images, etc. Must have all requirements listed.
|
2.0 pts
Incomplete
Automatic if missing 2-3 requirements (regardless of styling) OR has major styling issues, etc.
|
0.0 pts
No credit
Missing 3+ requirements, is not styled, etc.
|
|
5.0 pts
|
|
This criterion is linked to a Learning OutcomeProfile info
Requirements: Profile image, name, and username
|
|
2.0 pts
Full credit
99% or better match to Instagram's interface.
|
1.0 pts
Partial credit
Automatic if missing 1 requirement (regardless of styling) OR profile image stretched, spacing issues, etc.
|
0.0 pts
No credit
Missing 2+ requirements, is not styled, etc.
|
|
2.0 pts
|
|
This criterion is linked to a Learning OutcomeStories section
Requirements: List of stories with time posted/username/profile image, section title and "watch all" option, should have enough content that it scrolls
|
|
5.0 pts
Full credit
99% or better match to Instagram's interface. Does not need to have exactly the same icons but otherwise should be an exact copy.
|
4.0 pts
Complete
Some minor spacing issues, stretched images, etc. Must have all requirements.
|
2.0 pts
Incomplete
Missing 2-3 requirements OR has major spacing issues, does not scroll, etc.
|
0.0 pts
No credit
Automatic if missing 3+ requirements, is not styled, etc.
|
|
5.0 pts
|
|
This criterion is linked to a Learning OutcomeFooter links
Requirements: links are styled, should be written as links in tags (but do not need to actually go anywhere)
|
|
2.0 pts
Full credit
99% or better match to Instagram's interface. Must meet all requirements.
|
1.0 pts
Partial credit
Links not styled OR are written as plain text (not in <a> tags)
|
0.0 pts
No credit
Links not styled AND not in <a> tags
|
|
2.0 pts
|
|
This criterion is linked to a Learning OutcomeSizing: Sidebar
Requirements: Sidebar disappears when reduced to tablet size
|
|
2.0 pts
Full credit
Sidebar disappears
|
0.0 pts
No credit
Sidebar does not disappear
|
|
2.0 pts
|
|
This criterion is linked to a Learning OutcomeSizing: Main section
Requirements: Images and suggested section should be centered when reduced to tablet size (header does not need to shrink)
|
|
2.0 pts
Full credit
Meets all requirements. Does not need to look perfect/centered while being reduced, just must reach a point where it looks like a mobile layout.
|
0.0 pts
No credit
Content does not adjust when resized
|
|
2.0 pts
|
|
Total Points: 30.0
|
Sutony
Criteria.docx
