{"id":20609982,"url":"https://github.com/meekb/turing-yearbook","last_synced_at":"2026-06-04T17:31:35.761Z","repository":{"id":48909715,"uuid":"383260627","full_name":"Meekb/turing-yearbook","owner":"Meekb","description":null,"archived":false,"fork":false,"pushed_at":"2021-07-06T01:14:03.000Z","size":8895,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-17T03:19:10.831Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Meekb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-07-05T20:45:53.000Z","updated_at":"2021-07-06T01:14:06.000Z","dependencies_parsed_at":"2022-09-13T02:10:30.677Z","dependency_job_id":null,"html_url":"https://github.com/Meekb/turing-yearbook","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Meekb%2Fturing-yearbook","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Meekb%2Fturing-yearbook/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Meekb%2Fturing-yearbook/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Meekb%2Fturing-yearbook/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Meekb","download_url":"https://codeload.github.com/Meekb/turing-yearbook/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242257518,"owners_count":20098171,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-16T10:14:56.241Z","updated_at":"2025-03-06T17:44:19.993Z","avatar_url":"https://github.com/Meekb.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Turing Yearbook\n\nThis application was built with `create-react-app`.\n\n### Set Up\n\nClone down this repo.\n\nBecause you don't want to be pushing your updates to this boilerplate repository, we're going to have to do a few things to get set up with your own repository.\n\n1. On GitHub, create a new, empty repository and name it something like 'turing-yearbook'.\n2. Update the current remote (called \"origin\") so that it points at the URL of the repository you just created on GitHub. Read how to do this [here](https://help.github.com/en/articles/changing-a-remotes-url).\n3. Once you've updated the remote, you should run `npm install`, commit, and then push your initial commit to your personal repository. You will need to use the `-u` flag when you push (like this: `git push -u origin main`).\n4. Run `npm start` to start up your React server. (You will see errors!)\n\n### Expectations / Rules\n\nBuild a React App that displays Turing front-end staff!\n\n![turing yearbook screenshot](https://raw.githubusercontent.com/turingschool-examples/yearbook/main/screenshot.png)\n\nWe want to see good commit habits - atomic commits that log small, focused changesets.\n\n\n### Iteration 0\n\nGet set up (per the instructions above)!\n\nWe've provided a boilerplate for you to work with. Look through the file structure to get a sense of the app.\n\nNotice that we have multiple stylesheets - one for each component. You are welcome to style this application however you'd like. We got you started with a little styling, but feel free to get creative. (Remember, though - most of your energy should be spent on learning React, not styling.)\n\n### Iteration 1\n\nCreate a Cohort component, which will act as a container that renders each of our Person cards. For now, the Cohort being displayed will be \"Staff\". Figure out how to pass information from `App.js` to `Cohort.js`!\n\nThen create a Person component. Each Person card will display: the image, the name, the quote, and the superlative (see the screenshot above for an idea).\n\nIn your Cohort component, create Person cards that have the information each needs to display properly.\n\n### Iteration 2\n\nIn the `yearbook-data.js` file, un-comment-out the \"students\" information. Get that information displaying, too. How can you reuse components?\n\nThen create a controlled component that allows a user to add a new student.\n\n### Iteration 3 (optional extension - do not attempt until iterations 0 - 2 are completed)\n\nAdd in the functionality so that a user can click and edit a student's information.  A user should be able to update the name, quote, and superlative.  \n\nLastly, add a delete button on each card that allowers a user to remove students that are no longer attending.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmeekb%2Fturing-yearbook","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmeekb%2Fturing-yearbook","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmeekb%2Fturing-yearbook/lists"}