{"id":3039,"date":"2020-09-11T18:11:39","date_gmt":"2020-09-11T18:11:39","guid":{"rendered":"http:\/\/4310.mynmi.net\/?page_id=3039"},"modified":"2026-09-09T01:58:15","modified_gmt":"2026-09-09T01:58:15","slug":"assignment-one","status":"publish","type":"page","link":"https:\/\/nmi.cool\/appdev\/assignment-one\/","title":{"rendered":"Project 1: My First Content View"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In this assignment, you&#8217;ll put together a polished multi-view SwiftUI app that showcases the skills you&#8217;ve built so far. The app has a styled <code>ContentView<\/code> with navigation links to three distinct views, each demonstrating a different technique.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">View 1: Cards About You<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Create a <strong>horizontal <code>ScrollView<\/code><\/strong> with at least 4 scrollable cards about yourself. Each card must include:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>An <strong>image<\/strong> that relates to you or your life.<\/li>\n\n\n\n<li>A <strong>header<\/strong> and a <strong>one-sentence description<\/strong> about some aspect of who you are.<\/li>\n\n\n\n<li><strong>Consistent formatting<\/strong> across all cards. Ideally, define a struct with variables to style each card rather than copying and pasting.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/nmi.cool\/appdev\/wp-content\/uploads\/sites\/10\/2024\/09\/myContentView1.png\" alt=\"Example of View 1: scrollable cards about yourself\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">View 2: Large SF Symbol<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Display a <strong>large multicolor SF Symbol<\/strong> that fills the screen in at least one dimension. Pick something that fits your personality \u2014 have fun with it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/nmi.cool\/appdev\/wp-content\/uploads\/sites\/10\/2024\/09\/myContentView2.png\" alt=\"Example of View 2: large multicolor SF Symbol filling the screen\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">View 3: Shape Art<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Create a work of art using <strong>only SwiftUI shapes<\/strong> \u2014 no imported images. Use a combination of <code>Circle<\/code>, <code>Ellipse<\/code>, and <code>Rectangle<\/code> arranged with <code>ZStack<\/code>, <code>HStack<\/code>, and <code>VStack<\/code>. Apply colors, frames, and offsets to build something original. The goal is to go beyond the example shown in class. You&#8217;re encouraged to compare ideas and share code with classmates.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/nmi.cool\/appdev\/wp-content\/uploads\/sites\/10\/2024\/09\/LandscapeView.png\" alt=\"Example of View 3: shape art created with SwiftUI shapes\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">ContentView: Navigation Links<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Your three navigation links should all be styled consistently. Each one should have:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Rounded corners<\/li>\n\n\n\n<li>A background color<\/li>\n\n\n\n<li>Matching width and height<\/li>\n\n\n\n<li>An SF Symbol and a text label<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/nmi.cool\/appdev\/wp-content\/uploads\/sites\/10\/2020\/09\/img_5f5bc0571b09d.png\" alt=\"Example ContentView: styled navigation links with rounded corners and SF symbols\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Reflection<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Along with your project, push a <code>reflection.md<\/code> file (150\u2013300 words) reflecting on your process \u2014 what you learned, what was challenging, choices you made, or anything else worth noting about how the project came together. There&#8217;s no fixed set of questions to answer; write in your own words.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Submitting Project 1<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Project 1 will be submitted through GitHub. Your submission should include both your completed&nbsp;<strong>Xcode project<\/strong>&nbsp;and a&nbsp;<strong>README.md<\/strong>&nbsp;file containing the required project reflection\/information.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adding Your README.md File<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Locate your\u00a0<strong>cloned Project 1 repository folder<\/strong>\u00a0on your computer. You can easily find it by opening the repository in GitHub Desktop and selecting\u00a0<strong>Repository \u2192 Show in Finder<\/strong>.<\/li>\n\n\n\n<li>Inside this folder, you should see the folder containing your Xcode project.<\/li>\n\n\n\n<li>Create a new plain-text file and name it\u00a0<strong><code>README.md<\/code><\/strong>.<\/li>\n\n\n\n<li>Place\u00a0<code>README.md<\/code>\u00a0directly inside the cloned repository folder,\u00a0<strong>not inside your Xcode project folder<\/strong>.<\/li>\n\n\n\n<li>Add the required Project 1 reflection\/information to the Markdown file and save it.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Your repository should be organized like this:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\udcc1&nbsp;<strong>Project 1 Repository<\/strong><br>\u251c\u2500\u2500 \ud83d\udcc1&nbsp;<strong>Your Xcode Project<\/strong><br>\u2514\u2500\u2500 \ud83d\udcc4&nbsp;<strong>README.md<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Push Your Submission<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Once your Xcode project and&nbsp;<code>README.md<\/code>&nbsp;are ready:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the repository in\u00a0<strong>GitHub Desktop<\/strong>.<\/li>\n\n\n\n<li>Review the changed files and make sure your Xcode project\u00a0<strong>and\u00a0<code>README.md<\/code><\/strong>\u00a0are included.<\/li>\n\n\n\n<li>Enter a commit message and\u00a0<strong>Commit<\/strong>\u00a0your changes.<\/li>\n\n\n\n<li>Click\u00a0<strong>Push origin<\/strong>\u00a0to push your completed work to GitHub.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Your work is not submitted until it has been pushed to GitHub.<\/strong>&nbsp;Before the deadline, check your repository on GitHub to make sure your latest files and&nbsp;<code>README.md<\/code>&nbsp;are visible.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Rubric<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">A-Level Work<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Exceptional quality, originality, and\/or insight<\/li>\n\n\n\n<li>Fully meets all criteria with no significant errors<\/li>\n\n\n\n<li>Polished, organized, and professional<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">B-Level Work<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Meets all criteria with only minor issues<\/li>\n\n\n\n<li>Solid understanding and effort throughout<\/li>\n\n\n\n<li>Good organization and presentation<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">C-Level Work<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Meets most criteria with some notable gaps<\/li>\n\n\n\n<li>Basic or inconsistent understanding<\/li>\n\n\n\n<li>Organization or clarity needs improvement<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Below C (Not Passing)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Disorganized, incomplete, or poor quality<\/li>\n\n\n\n<li>Meets few or no criteria; major errors or omissions<\/li>\n\n\n\n<li>Limited or no evidence of understanding and effort<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In this assignment, you&#8217;ll put together a polished multi-view SwiftUI app that showcases the skills you&#8217;ve built so far. The app has a styled ContentView with navigation links to three distinct views, each demonstrating a different technique. View 1: Cards About You Create a horizontal ScrollView with at least 4 scrollable cards about yourself. Each &hellip; <a href=\"https:\/\/nmi.cool\/appdev\/assignment-one\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Project 1: My First Content View<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3039","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/pages\/3039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/comments?post=3039"}],"version-history":[{"count":26,"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/pages\/3039\/revisions"}],"predecessor-version":[{"id":4344,"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/pages\/3039\/revisions\/4344"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/appdev\/wp-json\/wp\/v2\/media?parent=3039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}