{"id":29148669,"url":"https://github.com/siddami/adminpanelfoods","last_synced_at":"2025-06-30T22:06:27.008Z","repository":{"id":301736493,"uuid":"1010158264","full_name":"Siddami/adminpanelfoods","owner":"Siddami","description":null,"archived":false,"fork":false,"pushed_at":"2025-06-28T13:38:18.000Z","size":62,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-28T14:35:57.952Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","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/Siddami.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,"zenodo":null}},"created_at":"2025-06-28T13:26:36.000Z","updated_at":"2025-06-28T13:38:21.000Z","dependencies_parsed_at":"2025-06-28T14:35:59.962Z","dependency_job_id":"761727a7-b27d-459f-a4ed-07f0d088d800","html_url":"https://github.com/Siddami/adminpanelfoods","commit_stats":null,"previous_names":["siddami/adminpanelfoods"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Siddami/adminpanelfoods","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Siddami%2Fadminpanelfoods","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Siddami%2Fadminpanelfoods/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Siddami%2Fadminpanelfoods/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Siddami%2Fadminpanelfoods/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Siddami","download_url":"https://codeload.github.com/Siddami/adminpanelfoods/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Siddami%2Fadminpanelfoods/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262857290,"owners_count":23375492,"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":"2025-06-30T22:06:19.889Z","updated_at":"2025-06-30T22:06:26.978Z","avatar_url":"https://github.com/Siddami.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Food Admin Panel\n\nA modern, responsive admin dashboard for managing food items, built with **Next.js 15**, **React**, and **Tailwind CSS**.\n\n---\n\n## Features\n\n- **Dashboard Overview**:\n\n  - Metric widgets for quick stats\n  - Order analytics and revenue charts\n  - Recent activity feed\n\n- **User Management**:\n\n  - User table with sorting and filtering\n\n- **Sidebar Navigation**:\n\n  - Collapsible sidebar with keyboard shortcuts\n  - Responsive design: sidebar drawer on mobile, fixed on desktop\n  - Menu highlighting for active routes\n\n- **Header Bar**:\n\n  - Search input\n  - Notification and user icons\n  - Greeting for the admin\n\n- **Custom UI Components**:\n\n  - Cards, buttons, tooltips, and more\n  - Chart tooltips and legends\n\n- **404 Not Found Page**:\n\n  - Custom error page with helpful navigation\n\n---\n\n## Tech Stack\n\n- [Next.js 15](https://nextjs.org/)\n- [React](https://react.dev/)\n- [Tailwind CSS](https://tailwindcss.com/)\n- [Lucide Icons](https://lucide.dev/)\n- [Recharts](https://recharts.org/) (for charts)\n- [TypeScript](https://www.typescriptlang.org/)\n\n---\n\n## 📝 Setup \u0026 Usage\n\n1. **Install dependencies:**\n\n   ```bash\n   npm install\n   # or\n   yarn install\n   ```\n\n2. **Run the development server:**\n\n   ```bash\n   npm run dev\n   # or\n   yarn dev\n   ```\n\n3. **Open [http://localhost:3000](http://localhost:3000) in your browser.**\n\n---\n\n## Challenges Faced\n\n- **Sidebar Layout:**  \n  Ensuring the sidebar does not overlap the main content, especially with fixed positioning and responsive design. Required careful use of Tailwind’s flex/grid utilities and conditional margins.\n\n- **TypeScript \u0026 Recharts:**  \n  Typing Recharts payloads and custom tooltip/legend components was tricky due to the library’s loose types.\n\n- **Global Styles:**  \n  Some global CSS (like `#root` styles) conflicted with the dashboard layout and needed to be adjusted or removed.\n\n- **Next.js App Directory:**  \n  Handling client/server component boundaries, especially for context and hooks, required using `\"use client\"` and correct imports.\n\n---\n\n## Future Improvements\n\n- Add authentication and user roles\n- Connect to a real backend/API\n- Add more charts and analytics\n- Improve accessibility and keyboard navigation\n- Add tests and CI/CD\n\n---\n\n## Author\n\n- **Abdulkareem Yetunde Siddiqat[https://www.github.com/siddami]**\n\n---\n\n### License\n\nThis project is for educational/demo purposes.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsiddami%2Fadminpanelfoods","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsiddami%2Fadminpanelfoods","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsiddami%2Fadminpanelfoods/lists"}