{"id":23173482,"url":"https://github.com/yevheniidatsenko/goit-react-woolf-hw-01-components","last_synced_at":"2026-04-12T12:47:56.784Z","repository":{"id":220857146,"uuid":"752328696","full_name":"yevheniidatsenko/goit-react-woolf-hw-01-components","owner":"yevheniidatsenko","description":"⚛️ React Hometask - Components ","archived":false,"fork":false,"pushed_at":"2024-02-04T22:08:55.000Z","size":2241,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-10T08:49:18.229Z","etag":null,"topics":["components","css3","goit","goit-react-woolf-hw-01-components","ja","react"],"latest_commit_sha":null,"homepage":"https://yevheniidatsenko.github.io/goit-react-woolf-hw-01-components/","language":"HTML","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/yevheniidatsenko.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-02-03T16:41:30.000Z","updated_at":"2024-02-04T20:53:13.000Z","dependencies_parsed_at":"2024-02-04T21:48:09.053Z","dependency_job_id":"32586577-9db2-4e02-9b4d-537cf8b05f13","html_url":"https://github.com/yevheniidatsenko/goit-react-woolf-hw-01-components","commit_stats":null,"previous_names":["yevheniidatsenko/goit-react-woolf-hw-01-components"],"tags_count":0,"template":false,"template_full_name":"goitacademy/react-homework-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yevheniidatsenko%2Fgoit-react-woolf-hw-01-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yevheniidatsenko%2Fgoit-react-woolf-hw-01-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yevheniidatsenko%2Fgoit-react-woolf-hw-01-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yevheniidatsenko%2Fgoit-react-woolf-hw-01-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yevheniidatsenko","download_url":"https://codeload.github.com/yevheniidatsenko/goit-react-woolf-hw-01-components/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247268104,"owners_count":20911080,"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":["components","css3","goit","goit-react-woolf-hw-01-components","ja","react"],"created_at":"2024-12-18T05:16:10.914Z","updated_at":"2026-04-12T12:47:51.756Z","avatar_url":"https://github.com/yevheniidatsenko.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"### React homework - Components\n\nThis React homework, named `goit-react-woolf-hw-01-components`, consists of\nseveral components to display various types of information.\n\nThe components are:\n\n1. **Profile:**\n\n   - Displays information about a social media user.\n   - Accepts props for username, tag, location, avatar, and stats.\n   - Renders a structured profile layout.\n\n2. **Statistics:**\n\n   - Displays statistical information based on provided data.\n   - Accepts props for title (optional) and stats array.\n   - Renders a statistical data section with a flexible layout.\n\n3. **FriendList:**\n\n   - Displays a list of friends with avatars, names, and online status.\n   - Accepts a prop for an array of friend objects.\n   - Renders a friend list with dynamic online status styling.\n\n4. **TransactionHistory:**\n   - Displays a table of transaction history based on provided data.\n   - Accepts a prop for an array of transaction objects.\n   - Renders a transaction history table with clear columns.\n\n### Implementation Details\n\n- All components are rendered within a single page using the root component\n  `\u003cApp\u003e`.\n- Component files are organized in separate folders with distinct React and\n  styles files.\n- JavaScript code is clean, readable, and follows the Prettier code formatting.\n- Styling is achieved using CSS modules or Styled Components.\n- Emphasis on functional JavaScript implementation (80%) with basic yet\n  sufficient styling (20%).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyevheniidatsenko%2Fgoit-react-woolf-hw-01-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyevheniidatsenko%2Fgoit-react-woolf-hw-01-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyevheniidatsenko%2Fgoit-react-woolf-hw-01-components/lists"}