{"id":19954832,"url":"https://github.com/ozgebayram/random-user","last_synced_at":"2026-06-10T11:31:08.086Z","repository":{"id":114322291,"uuid":"557281932","full_name":"ozgebayram/random-user","owner":"ozgebayram","description":"Random-User-App","archived":false,"fork":false,"pushed_at":"2022-12-23T23:20:59.000Z","size":680,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-01T15:31:11.780Z","etag":null,"topics":["context-api","github","html-css-javascript","react"],"latest_commit_sha":null,"homepage":"https://user-generatorapp.netlify.app/","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/ozgebayram.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":"2022-10-25T12:05:50.000Z","updated_at":"2022-11-15T10:52:25.000Z","dependencies_parsed_at":null,"dependency_job_id":"303e57ce-1ce7-405c-b08e-a55c25a836cc","html_url":"https://github.com/ozgebayram/random-user","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ozgebayram/random-user","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ozgebayram%2Frandom-user","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ozgebayram%2Frandom-user/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ozgebayram%2Frandom-user/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ozgebayram%2Frandom-user/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ozgebayram","download_url":"https://codeload.github.com/ozgebayram/random-user/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ozgebayram%2Frandom-user/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34151271,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-10T02:00:07.152Z","response_time":89,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["context-api","github","html-css-javascript","react"],"created_at":"2024-11-13T01:22:26.313Z","updated_at":"2026-06-10T11:31:08.071Z","avatar_url":"https://github.com/ozgebayram.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Project : Random User App\n## Check The Live Website ➡️(https://user-generatorapp.netlify.app/)\n\n## Visualization of the Website\n\n![Form](./randomUser.gif)\n\n## Visualization of the Website\n![image](https://user-images.githubusercontent.com/105461003/197771229-12057947-8693-4fec-a5e3-1d0ab1828c79.png)\n![image](https://user-images.githubusercontent.com/105461003/197771315-88a99ea1-1af2-4486-bbaf-2b5e4a747925.png)\n\n\n## Description\n\nProject aims to create a Random User App .\n\n\n\n## Project Skeleton\n\n```\n004 - Random User App 2 (folder)\n|\n|----readme.md         # Given to the students (Definition of the project)\nSOLUTION\n├── public\n│     └── index.html\n├── src\n│    ├── conponents\n│             ├── Card.jsx\n│             ├── Card.css\n│    ├── App.js\n│    ├── index.js\n│    └── index.css\n├── package.json\n└── yarn.lock\n\n\n\n## Objective\n\nBuild a Random User App using ReactJS.\n\n### At the end of the project, following topics are to be covered;\n\n- HTML,\n\n- CSS,\n\n- JS,\n\n- ReactJS\n\n### At the end of the project, students will be able to;\n\n- Improve coding skills within HTML \u0026 CSS \u0026 JS \u0026 ReactJS.\n\n- Use git commands (push, pull, commit, add etc.) and Github as Version Control System.\n\n## Resources\n\n- 🔥 You can use [`RandomUserApi`](https://randomuser.me/api/) for your own work.\n- \n\n## Steps to Solution\n\n- Step 1: Create React App using `npx create-react-app random-user-app-two`.\n\n- Step 2: Build Random User App fetching data from `https://randomuser.me/api/` using `axios`.\n\n- Step 3: Push your application into your own public repo on Github.\n\n- Step 4: Add project gif to your project and README.md file.\n\n- Step 5: You can find project starter folder [here](./starter/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fozgebayram%2Frandom-user","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fozgebayram%2Frandom-user","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fozgebayram%2Frandom-user/lists"}