{"id":21070063,"url":"https://github.com/parthasdey2304/react-components","last_synced_at":"2025-06-30T08:33:34.633Z","repository":{"id":239057424,"uuid":"798397944","full_name":"parthasdey2304/React-Components","owner":"parthasdey2304","description":"This repo contains all the React Components that I can use anytime as Legos to make a plug and play website.","archived":false,"fork":false,"pushed_at":"2024-10-29T20:03:47.000Z","size":92,"stargazers_count":16,"open_issues_count":13,"forks_count":18,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-28T03:34:46.083Z","etag":null,"topics":["good-first-issue","hacktoberfest"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/parthasdey2304.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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":"2024-05-09T17:37:57.000Z","updated_at":"2025-03-29T14:56:00.000Z","dependencies_parsed_at":"2024-05-09T19:02:33.242Z","dependency_job_id":"82fbb2f1-1919-403c-adcd-e97bf1915cd1","html_url":"https://github.com/parthasdey2304/React-Components","commit_stats":null,"previous_names":["parthasdey2304/react-components"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/parthasdey2304/React-Components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parthasdey2304%2FReact-Components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parthasdey2304%2FReact-Components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parthasdey2304%2FReact-Components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parthasdey2304%2FReact-Components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/parthasdey2304","download_url":"https://codeload.github.com/parthasdey2304/React-Components/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/parthasdey2304%2FReact-Components/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262739304,"owners_count":23356701,"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":["good-first-issue","hacktoberfest"],"created_at":"2024-11-19T18:41:43.176Z","updated_at":"2025-06-30T08:33:34.580Z","avatar_url":"https://github.com/parthasdey2304.png","language":"JavaScript","readme":"# REACT-COMPONENTS\n\n## Overview\n**REACT-COMPONENTS** is a React-based project designed to showcase reusable UI components built with modern web development tools. This project is focused on delivering high-quality, animated, and customizable components that can easily be integrated into various web applications.\n\nDirectory Structure\n-------------------\n\nThe project has a well-organized folder structure that contains only the reusable components. Here’s the current layout:\n\n```\nsrc/\n├── components/\n│   ├── Blogs1.jsx\n│   ├── Blogs2.jsx\n│   ├── Button.jsx\n│   ├── Card.jsx\n│   ├── Credit_Card.jsx\n│   ├── Footer.jsx\n│   ├── Login.jsx\n│   ├── Navbar.jsx\n│   ├── Pricing_Cards.jsx\n|   |__ Accordion.jsx\n|   |\n│   └── SearchBar.jsx\n|\n├── App.jsx\n└── main.jsx\n.eslintrc.cjs\n.gitignore\nCODE_OF_CONDUCT.md\nCONTRIBUTING.md\nindex.html\nLICENSE\npackage-lock.json\npackage.json\nvite.config.js\n\n```\n\n## Technologies Used\n- **React** (v18.2.0) - JavaScript library for building user interfaces.\n- **Framer Motion** (v11.9.0) - Motion library for React to create animations.\n- **Lucide React** (v0.446.0) - Icon library for building simple and beautiful user interfaces.\n- **React Router Dom** (v6.23.0) - Library for dynamic routing in React applications.\n- **Vite** (v5.2.0) - Frontend build tool that provides fast development and optimized production builds.\n- **ESLint** - Linter for maintaining code quality.\n\n## Installation\n\nTo set up the project locally, follow these steps:\n\n1. **Clone the Repository**\n   ```bash\n   git clone https://github.com/parthasdey2304/React-Components.git\n   cd react-components\n\n2.  **Install Dependencies** Make sure you have [Node.js](https://nodejs.org/) installed. Then, run the following command:\n    \n    ```bash\n    npm install\n    ```\n    \n3.  **Start Development Server** Start the development server using Vite:\n    \n    ```bash\n    npm run dev\n    ```\n    \n4.  **Build for Production** To create an optimized production build, run:\n    \n    ```bash\n    npm run build\n    ```\n    \n\nUsage\n-----\n\nOnce the development server is running, open your browser and go to:\n\n```\nhttp://localhost:3000\n```\n\nYou can now explore the reusable components and test their functionality.\n\n### Scripts\n\n*   **`npm run dev`** : Starts the development server.\n*   **`npm run build`** : Builds the project for production.\n*   **`npm run lint`** : Lints the project for code style issues.\n*   **`npm run preview`** : Previews the production build.\n\nContributing\n------------\n\nWe welcome contributions! Please read our [Code of Conduct](./CODE_OF_CONDUCT.md) and [Contribution Guidelines](./CONTRIBUTING.md) before making any contributions.\n\nTo contribute:\n\n1.  Fork the repository.\n2.  Create a new branch (`feature/your-feature` or `fix/your-fix`).\n3.  Make your changes.\n4.  Test your changes.\n5.  Submit a pull request with a clear explanation of your updates.\n\nFor more details, check out our [Contribution Guidelines](./CONTRIBUTING.md).\n\nIssue Tracking\n--------------\n\nIf you encounter any bugs or have feature requests, please [open an issue](https://github.com/parthasdey2304/REACT-COMPONENTS/issues). Ensure that the issue hasn't already been reported. Provide detailed information to help us understand and resolve the issue quickly.\n\nLicense\n-------\n\nThis project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for details.\n\nContact Information\n-------------------\n\nFor any questions or suggestions, feel free to reach out:\n\n*   **Name**: Parth Vastavik\n*   **GitHub**: [Parth Vastavik](https://github.com/parthasdey2304)\n*   **LinkedIn**: [LinkedIn Profile](https://www.linkedin.com/in/sarathiparth/)\n\n* * *","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparthasdey2304%2Freact-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fparthasdey2304%2Freact-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparthasdey2304%2Freact-components/lists"}