{"id":20444828,"url":"https://github.com/undeadme/react-user-panel","last_synced_at":"2025-08-21T00:31:21.582Z","repository":{"id":40697977,"uuid":"494972748","full_name":"UndeadMe/React-User-Panel","owner":"UndeadMe","description":"a user panel by using React Js with Formik and Yup for working with the inputs and make them validate 😬🔥✨","archived":false,"fork":false,"pushed_at":"2024-10-22T16:21:11.000Z","size":2136,"stargazers_count":44,"open_issues_count":0,"forks_count":11,"subscribers_count":2,"default_branch":"v1","last_synced_at":"2025-06-11T20:04:54.032Z","etag":null,"topics":["formik","panel","react","reactjs","user-panel","yup"],"latest_commit_sha":null,"homepage":"https://react-user-panel.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/UndeadMe.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2022-05-22T05:58:35.000Z","updated_at":"2025-03-12T03:50:28.000Z","dependencies_parsed_at":"2024-07-29T20:43:13.191Z","dependency_job_id":"2352ebab-da9b-4c8d-8238-2d87011ce228","html_url":"https://github.com/UndeadMe/React-User-Panel","commit_stats":null,"previous_names":["undeadme/react-user-panel","banana021s/react-user-panel"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/UndeadMe/React-User-Panel","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UndeadMe%2FReact-User-Panel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UndeadMe%2FReact-User-Panel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UndeadMe%2FReact-User-Panel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UndeadMe%2FReact-User-Panel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/UndeadMe","download_url":"https://codeload.github.com/UndeadMe/React-User-Panel/tar.gz/refs/heads/v1","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UndeadMe%2FReact-User-Panel/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271409395,"owners_count":24754706,"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","status":"online","status_checked_at":"2025-08-20T02:00:09.606Z","response_time":69,"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":["formik","panel","react","reactjs","user-panel","yup"],"created_at":"2024-11-15T10:09:16.070Z","updated_at":"2025-08-21T00:31:21.243Z","avatar_url":"https://github.com/UndeadMe.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"- dont see the shit codes ! it's just experiment \n# User Panel Usgin React ✨🔥\na few days ago I decided to do this project for myself as practice.This user panel created by react js and I used Formik and Yup for easier input validation 🙂🎈 and I just wanted to focus on  logic so I used react bootstrap to design the whole  pages.\n\n# pages \n login\n- register\n- user panel\n\n# Login page\n![Screenshot 2022-06-02 122209](https://user-images.githubusercontent.com/89915857/171581524-e5ae72f8-1a5e-4878-a339-703278d1462f.png)\nas I said I didn't want to focous on the design and design take my all of times so It's a simple page for the login.\n## Login Inputs\n- Username \n- Email\n- Password\n# Register Page\n![Screenshot 2022-06-02 122457](https://user-images.githubusercontent.com/89915857/171582086-05fc7f34-5131-464b-b468-c6b7e6a83a78.png)\nas you know this page is for user register and you all of the inputs handled by the yup and formik and it maked me so easy and relax for the validation.\n## register inputs\n- Username\n- Email\n- Birthday\n- Password\n- Confirm Password\n\n# User Panel\n![Screenshot 2022-06-02 124331](https://user-images.githubusercontent.com/89915857/171585603-4845b892-8fff-49f3-b855-d8685e83468c.png)\nthis page is for the users and all the data has to be dynamic. users can change their information by information page and change password page.\n\n## Information Page\n![Screenshot 2022-06-02 131603](https://user-images.githubusercontent.com/89915857/171592246-cce8f8ab-1e63-4f5f-b8ec-39f94ef09b3e.png)\n\n\n## Change Password Page\n![Screenshot 2022-06-02 131611](https://user-images.githubusercontent.com/89915857/171592343-fc263921-41a8-4db5-adfc-1adc6e935a04.png)\n\n\n# Components Structure\n```\n├───Forms\n│   ├───FormInput\n│   ├───LoginForm\n│   └───RegisterForm\n├───Panel\n│   ├───SideBarLinks\n│   │   └───SideBarLink\n│   ├───UserCard\n│   ├───UserChangePassword\n│   ├───UserInformation\n│   └───UserProfile\n└───Titles\n```\n\n# Features\n- [x] Users can change their information\n- [x] simple ui design\n- [x] responsive\n- [ ] users can upload their own profiles and banner\n- [x] Users can set their first name and last name\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fundeadme%2Freact-user-panel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fundeadme%2Freact-user-panel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fundeadme%2Freact-user-panel/lists"}