{"id":24819282,"url":"https://github.com/syket-git/react-user-dashboard","last_synced_at":"2026-05-17T15:04:15.570Z","repository":{"id":273697275,"uuid":"920570279","full_name":"syket-git/react-user-dashboard","owner":"syket-git","description":"React User Dashboard – Built with React.js, Chakra UI and TypeScript for a seamless and robust experience.","archived":false,"fork":false,"pushed_at":"2025-01-28T08:15:21.000Z","size":262,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-30T17:57:15.799Z","etag":null,"topics":["chakraui","debounce","react","typescript"],"latest_commit_sha":null,"homepage":"https://react-user-dashboard-psi.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/syket-git.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":"2025-01-22T11:43:24.000Z","updated_at":"2025-01-28T08:15:24.000Z","dependencies_parsed_at":"2025-01-22T13:35:52.721Z","dependency_job_id":null,"html_url":"https://github.com/syket-git/react-user-dashboard","commit_stats":null,"previous_names":["syket-git/react-user-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syket-git%2Freact-user-dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syket-git%2Freact-user-dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syket-git%2Freact-user-dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syket-git%2Freact-user-dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/syket-git","download_url":"https://codeload.github.com/syket-git/react-user-dashboard/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245541694,"owners_count":20632364,"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":["chakraui","debounce","react","typescript"],"created_at":"2025-01-30T17:57:22.186Z","updated_at":"2025-10-29T05:38:27.502Z","avatar_url":"https://github.com/syket-git.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"### React User Dashboard 🚀  \n\n**React User Dashboard** built using **React.js**, **Chakra UI**, and **TypeScript**. \n\n🌟 **Live Demo**: [React User Dashboard](https://react-user-dashboard-psi.vercel.app/)\n\n---\n\n## Features ✨  \n\n- **Light \u0026 Dark Mode**: Seamlessly switch between themes for a personalized experience.  \n- **Debounce Functionality**: Added debounce functionality to the search component to reduce API calls to the backend.\n- **Pagination**: Smooth and intuitive pagination for displaying large datasets efficiently.\n- **Robust Type Safety**: Built with **TypeScript**, ensuring reliable, maintainable, and scalable code.  \n- **Single Responsibility Pattern**: Focused components, each designed with a single purpose for better reusability.  \n- **Separation of Concerns**: Maintain clean and modular code by separating business logic from the presentation layer.  \n- **Custom Hooks**: Encapsulate business logic into reusable hooks to simplify and enhance maintainability.  \n- **Chakra UI for Design**: Responsive and accessible UI powered by Chakra UI for a professional look and feel.  \n\n---\n\n## Tech Stack 🛠  \n\n- **Frontend**: [React.js](https://react.dev/)  \n- **UI Library**: [Chakra UI](https://chakra-ui.com/)  \n- **Language**: [TypeScript](https://www.typescriptlang.org/)  \n\n---\n\n## Project Structure 📂  \n\n```plaintext  \n├── src/                 # Source code  \n│   ├── components/      # Reusable UI components  \n│   ├── hooks/           # Custom hooks for business logic  \n│   ├── interfaces/      # TypeScript interfaces  \n│   ├── pages/           # Page components  \n│   ├── services/        # Service and API logic  \n│   ├── App.tsx          # Root App component  \n```  \n\n---\n\n## Installation \u0026 Setup 💻  \n\n1. Clone the repository:  \n   ```bash  \n   git clone https://github.com/syket-git/react-user-dashboard.git\n   ```  \n\n2. Navigate to the project directory:  \n   ```bash  \n   cd react-user-dashboard\n   ```  \n\n3. Install dependencies:  \n   ```bash  \n   npm install  \n   ```  \n\n4. Run the development server:  \n   ```bash  \n   npm start  \n   ```  \n\n5. Open your browser and navigate to `http://localhost:3000`.  \n\n---\n\n## Deployment 🚀  \n\nThis project is deployed on **Vercel**. Explore the live version here:  \n👉 [https://react-user-dashboard-psi.vercel.app/](https://react-user-dashboard-psi.vercel.app/)  \n\n\n---\n\n### Author 💡  \n\nCreated by **[Syket Bhattachergee](https://github.com/syket-git)**  \n\n**Light Theme**\n![image](https://github.com/user-attachments/assets/07026088-c7e5-4763-8637-9fb7a9fd83bb)\n**Dark Theme**\n![image](https://github.com/user-attachments/assets/fe125486-e261-4bb3-8473-f0667a4edd1e)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyket-git%2Freact-user-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsyket-git%2Freact-user-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyket-git%2Freact-user-dashboard/lists"}