{"id":15066572,"url":"https://github.com/tokhy1/react-admin-dashboard","last_synced_at":"2026-03-07T17:04:03.096Z","repository":{"id":255232708,"uuid":"847851826","full_name":"tokhy1/React-Admin-Dashboard","owner":"tokhy1","description":"React Admin Dashboard is a modern and responsive admin panel built with the latest web technologies. This project provides a clean interface, smooth user interactions, and efficient data management for both users and products.","archived":false,"fork":false,"pushed_at":"2024-08-28T17:44:14.000Z","size":88,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-12T12:44:29.447Z","etag":null,"topics":["admin-dashboard","dashboard","design","idx","mui","reactjs","recharts","responsive-design","scss","tsx","tyoescript","web","webapp"],"latest_commit_sha":null,"homepage":"https://react-admin-dashboard-three-zeta.vercel.app/","language":"TypeScript","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/tokhy1.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-08-26T17:06:06.000Z","updated_at":"2024-08-28T17:45:10.000Z","dependencies_parsed_at":"2024-08-28T19:32:33.313Z","dependency_job_id":"bcc55cf1-4a53-4947-811d-5400f20c7e62","html_url":"https://github.com/tokhy1/React-Admin-Dashboard","commit_stats":null,"previous_names":["tokhy1/react-admin-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tokhy1/React-Admin-Dashboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tokhy1%2FReact-Admin-Dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tokhy1%2FReact-Admin-Dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tokhy1%2FReact-Admin-Dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tokhy1%2FReact-Admin-Dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tokhy1","download_url":"https://codeload.github.com/tokhy1/React-Admin-Dashboard/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tokhy1%2FReact-Admin-Dashboard/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":27359226,"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-11-29T02:00:06.589Z","response_time":56,"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":["admin-dashboard","dashboard","design","idx","mui","reactjs","recharts","responsive-design","scss","tsx","tyoescript","web","webapp"],"created_at":"2024-09-25T01:09:18.661Z","updated_at":"2025-11-29T17:02:40.490Z","avatar_url":"https://github.com/tokhy1.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## React Admin Dashboard\n\n**React Admin Dashboard** is a modern and responsive admin panel built with the latest web technologies. This project provides a clean interface, smooth user interactions, and efficient data management for both users and products.\n\n## Preview\n\n[Live Demo](https://react-admin-dashboard-three-zeta.vercel.app/)\n\n### Technologies Used:\n- **React:** A JavaScript library for building user interfaces.\n- **TypeScript:** Adds static type definitions to JavaScript, improving development efficiency and code quality.\n- **SCSS:** A CSS preprocessor that enhances the styling capabilities of CSS.\n- **Recharts:** A charting library built with React, enabling data visualization with ease.\n- **MUI Data Grid:** A powerful table component from Material-UI for managing large datasets with advanced features.\n- **IDX:** The code editor used for developing this project, marking a new experience outside of the typical VSCode environment.\n\n### Features:\n- **Responsive Design:** Optimized for various screen sizes, ensuring usability on both desktop and mobile devices.\n- **Data Visualization:** Interactive charts created using Recharts to provide insightful data analysis.\n- **Profile Pages:** Dedicated pages for detailed views of individual users and products.\n- **Efficient Data Handling:** Seamless management of user and product information using MUI's Data Grid component.\n- **TypeScript Integration:** Enhanced code quality and development efficiency with TypeScript.\n\n## Getting Started\n\nTo get a copy of the project up and running on your local machine for development and testing purposes, follow these steps:\n\n1. Clone the repository: `git clone https://github.com/tokhy1/React-Admin-Dashboard.git`\n2. Install dependencies: `npm install`\n3. Start the localhost: `npm run dev`\n\n\n## Contributing:\n\nWe welcome contributions from the community to further enhance and improve the React Admin Dashboard. Whether it's bug fixes, feature enhancements, or feedback, your input is invaluable.\n1. Fork it (\u003chttps://github.com/tokhy1/React-Admin-Dashboard.git/fork\u003e)\n2. Create your feature branch (`git checkout -b feature/fooBar`)\n3. Commit your changes (`git commit -am 'Add some fooBar'`)\n4. Push to the branch (`git push origin feature/fooBar`)\n5. Create a new Pull Request\n   \n\n## Contact \n- Email: \u003cmohameashraf24@gmail.com\u003e\n- LinkedIn: [LinkedIn Profile](https://www.linkedin.com/in/mohamed-ashraf-abd-elmoneam-409538246?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base_contact_details%3BgLq%2BPh0QQX62Mwzt3ozQGQ%3D%3D)\n\n\nHappy Coding!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftokhy1%2Freact-admin-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftokhy1%2Freact-admin-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftokhy1%2Freact-admin-dashboard/lists"}