{"id":23887281,"url":"https://github.com/sarkartanmay393/coding-codeant","last_synced_at":"2025-02-23T04:33:14.109Z","repository":{"id":269278191,"uuid":"906610411","full_name":"sarkartanmay393/coding-codeant","owner":"sarkartanmay393","description":"CodeantAI dashboard where repositories are managed and displayed with features like search, filter, and refresh. I simulated login, refreshing functionalities.","archived":false,"fork":false,"pushed_at":"2024-12-22T14:22:22.000Z","size":2362,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-22T00:02:03.225Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://codeant0.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/sarkartanmay393.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-12-21T11:44:31.000Z","updated_at":"2024-12-22T14:22:26.000Z","dependencies_parsed_at":"2024-12-22T11:54:47.412Z","dependency_job_id":"f81e6d7a-3592-4d1b-b8d2-0d2f29a6b5dc","html_url":"https://github.com/sarkartanmay393/coding-codeant","commit_stats":null,"previous_names":["sarkartanmay393/coding-codeant"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sarkartanmay393%2Fcoding-codeant","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sarkartanmay393%2Fcoding-codeant/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sarkartanmay393%2Fcoding-codeant/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sarkartanmay393%2Fcoding-codeant/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sarkartanmay393","download_url":"https://codeload.github.com/sarkartanmay393/coding-codeant/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240271528,"owners_count":19774859,"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-01-04T07:58:49.939Z","updated_at":"2025-02-23T04:33:14.002Z","avatar_url":"https://github.com/sarkartanmay393.png","language":"TypeScript","readme":"![](./src//assets//logo.svg)\n\n# CodeAnt AI Dashboard\n\nThis web app manages and displays repositories with features like search, filter, and refresh. I simulated login, refreshing functionalities.\n\n## Design Decisions\n\n### Component-Based Architecture\nBuilt with React components for modularity and reusability.\n\n- **App Component**: Sets up routing with `react-router-dom` to the main dashboard.\n- **RepositoryListing Component**: Lists repositories with search and refresh features using React hooks.\n- **RepoCard Component**: Shows repository details like name, visibility, language, size, and last update.\n- **Sidebar Component**: Offers navigation with a collapsible menu.\n\n### State Management\nUses React hooks (`useState`, `useEffect`, `useMemo`) for efficient state and side effect management.\n\n### UI and Styling\nStyled with Tailwind CSS (w/ Shadcn UI) for rapid development and easy customization.\n\n### Icons and UI Components\nUses `lucide-react` and `simple-icons` for a consistent look. Custom components like `SearchInput` and `Sidebar` ensure cohesive design.\n\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 16px; justify-content: center;\"\u003e\n  \u003cimg src=\"./authentication.png\" style=\"max-width: 524px; width: 100%; border-radius: 8px;\" /\u003e\n  \u003cimg src=\"./dashboard.png\" style=\"max-width: 524px; width: 100%; border-radius: 8px;\" /\u003e\n\u003c/div\u003e\n\n## Thought Process\n\nGoals: Create a user-friendly interface for managing repositories.\n\n- **Usability**: Intuitive navigation with prominent search and refresh features.\n- **Performance**: Responsive with React's memoization and efficient state management.\n- **Scalability**: Reusable components for easy future enhancements.\n- **User Flow**: Login at `/login`, redirect to `/dashboard`, simulate actions with `setTimeout`.\n\n## Getting Started\n\nTo run locally:\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/sarkartanmay393/coding-codeant.git\n   ```\n2. Navigate to the project directory:\n   ```bash\n   cd coding-codeant\n   ```\n3. Install dependencies:\n   ```bash\n   npm install\n   ```\n4. Start the development server:\n   ```bash\n   npm start\n   ```\n\nAccess the app at `http://localhost:3000`.\n\n## Conclusion\n\nCoding CodeAnt is a robust UI for managing repositories, focusing on modularity, performance, and user experience.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsarkartanmay393%2Fcoding-codeant","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsarkartanmay393%2Fcoding-codeant","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsarkartanmay393%2Fcoding-codeant/lists"}