{"id":29555640,"url":"https://github.com/maitepv87/npm-navigator","last_synced_at":"2025-08-18T01:35:11.942Z","repository":{"id":296262131,"uuid":"992717848","full_name":"maitepv87/npm-navigator","owner":"maitepv87","description":"React-based project utilizing Redux Toolkit for state management and Axios for API integration with the NPM Registry. Includes efficient package search, structured metadata display, loading indicators, and error handling for a seamless user experience, built with Material UI for a modern interface.","archived":false,"fork":false,"pushed_at":"2025-06-05T17:13:08.000Z","size":264,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-18T11:10:03.347Z","etag":null,"topics":["axios","material-ui","react-redux","react-redux-toolkit","react-router-dom"],"latest_commit_sha":null,"homepage":"https://npm-navigator.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/maitepv87.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-05-29T15:48:18.000Z","updated_at":"2025-06-05T17:12:19.000Z","dependencies_parsed_at":"2025-06-03T10:29:10.129Z","dependency_job_id":null,"html_url":"https://github.com/maitepv87/npm-navigator","commit_stats":null,"previous_names":["maitepv87/react-ts-register-npm","maitepv87/npm-navigator"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/maitepv87/npm-navigator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maitepv87%2Fnpm-navigator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maitepv87%2Fnpm-navigator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maitepv87%2Fnpm-navigator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maitepv87%2Fnpm-navigator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/maitepv87","download_url":"https://codeload.github.com/maitepv87/npm-navigator/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/maitepv87%2Fnpm-navigator/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270932579,"owners_count":24670240,"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-17T02:00:09.016Z","response_time":129,"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":["axios","material-ui","react-redux","react-redux-toolkit","react-router-dom"],"created_at":"2025-07-18T09:05:32.763Z","updated_at":"2025-08-18T01:35:11.920Z","avatar_url":"https://github.com/maitepv87.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NPM Navigator\n\n## Description\n\nNPM Navigator is a React application designed to provide a smooth experience for searching and viewing package details from the NPM Registry. Built with React, TypeScript, Redux Toolkit, and Axios, it offers structured state management and efficient API communication.\n\nThis project allows users to:\n\n- Search NPM packages and get relevant information.\n- See package details like description, number of maintainers, and license.\n- Use Redux Toolkit for optimized state management.\n- Handle API requests asynchronously using Axios.\n- Enjoy a responsive and clean UI built with Material UI.\n\nIt is a good example of how modern frontend tools work together to create user-friendly applications for data exploration.\n\n## Technologies Used\n\n- **React:** Component-based user interface.\n- **Vite:** Fast build tool and development server.\n- **Redux Toolkit:** Simplified global state management.\n- **React Redux:** Official React bindings for Redux.\n- **Axios:** HTTP client to fetch data from APIs.\n- **Material UI:** UI components and styling framework.\n- **TypeScript:** Strong typing for better code quality and maintainability.\n\n## Getting Started\n\n### Installation \u0026 Setup\n\nFollow these steps to run the project locally:\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/maitepv87/npm-navigator.git\n   cd npm-navigator\n   ```\n\n2. Install dependencies:\n\n   ```bash\n   npm install\n   ```\n\n3. Set up environment variables in a .env file:\n\n   ```ini\n   VITE_API_URL=https://registry.npmjs.org\n   ```\n\n4. Start the development server:\n\n   ```bash\n   npm run dev\n   ```\n\nThen open http://localhost:3000 in your browser.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaitepv87%2Fnpm-navigator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaitepv87%2Fnpm-navigator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaitepv87%2Fnpm-navigator/lists"}