https://github.com/parthasdey2304/react-components
This repo contains all the React Components that I can use anytime as Legos to make a plug and play website.
https://github.com/parthasdey2304/react-components
good-first-issue hacktoberfest
Last synced: 10 months ago
JSON representation
This repo contains all the React Components that I can use anytime as Legos to make a plug and play website.
- Host: GitHub
- URL: https://github.com/parthasdey2304/react-components
- Owner: parthasdey2304
- License: mit
- Created: 2024-05-09T17:37:57.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-29T20:03:47.000Z (over 1 year ago)
- Last Synced: 2025-06-28T03:34:46.083Z (10 months ago)
- Topics: good-first-issue, hacktoberfest
- Language: JavaScript
- Homepage:
- Size: 89.8 KB
- Stars: 16
- Watchers: 1
- Forks: 18
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# REACT-COMPONENTS
## Overview
**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.
Directory Structure
-------------------
The project has a well-organized folder structure that contains only the reusable components. Here’s the current layout:
```
src/
├── components/
│ ├── Blogs1.jsx
│ ├── Blogs2.jsx
│ ├── Button.jsx
│ ├── Card.jsx
│ ├── Credit_Card.jsx
│ ├── Footer.jsx
│ ├── Login.jsx
│ ├── Navbar.jsx
│ ├── Pricing_Cards.jsx
| |__ Accordion.jsx
| |
│ └── SearchBar.jsx
|
├── App.jsx
└── main.jsx
.eslintrc.cjs
.gitignore
CODE_OF_CONDUCT.md
CONTRIBUTING.md
index.html
LICENSE
package-lock.json
package.json
vite.config.js
```
## Technologies Used
- **React** (v18.2.0) - JavaScript library for building user interfaces.
- **Framer Motion** (v11.9.0) - Motion library for React to create animations.
- **Lucide React** (v0.446.0) - Icon library for building simple and beautiful user interfaces.
- **React Router Dom** (v6.23.0) - Library for dynamic routing in React applications.
- **Vite** (v5.2.0) - Frontend build tool that provides fast development and optimized production builds.
- **ESLint** - Linter for maintaining code quality.
## Installation
To set up the project locally, follow these steps:
1. **Clone the Repository**
```bash
git clone https://github.com/parthasdey2304/React-Components.git
cd react-components
2. **Install Dependencies** Make sure you have [Node.js](https://nodejs.org/) installed. Then, run the following command:
```bash
npm install
```
3. **Start Development Server** Start the development server using Vite:
```bash
npm run dev
```
4. **Build for Production** To create an optimized production build, run:
```bash
npm run build
```
Usage
-----
Once the development server is running, open your browser and go to:
```
http://localhost:3000
```
You can now explore the reusable components and test their functionality.
### Scripts
* **`npm run dev`** : Starts the development server.
* **`npm run build`** : Builds the project for production.
* **`npm run lint`** : Lints the project for code style issues.
* **`npm run preview`** : Previews the production build.
Contributing
------------
We welcome contributions! Please read our [Code of Conduct](./CODE_OF_CONDUCT.md) and [Contribution Guidelines](./CONTRIBUTING.md) before making any contributions.
To contribute:
1. Fork the repository.
2. Create a new branch (`feature/your-feature` or `fix/your-fix`).
3. Make your changes.
4. Test your changes.
5. Submit a pull request with a clear explanation of your updates.
For more details, check out our [Contribution Guidelines](./CONTRIBUTING.md).
Issue Tracking
--------------
If 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.
License
-------
This project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for details.
Contact Information
-------------------
For any questions or suggestions, feel free to reach out:
* **Name**: Parth Vastavik
* **GitHub**: [Parth Vastavik](https://github.com/parthasdey2304)
* **LinkedIn**: [LinkedIn Profile](https://www.linkedin.com/in/sarathiparth/)
* * *