React Components

React-Components

Visão geral

O React-Components é um projeto baseado em React, projetado para mostrar componentes de interface do usuário reutilizáveis ​​construídos com as modernas ferramentas de desenvolvimento da Web. Este projeto está focado em fornecer componentes de alta qualidade, animados e personalizáveis ​​que podem ser facilmente integrados a vários aplicativos da Web.

Estrutura de diretório

O projeto possui uma estrutura de pastas bem organizada que contém apenas os componentes reutilizáveis. Aqui está o layout atual:

 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

Tecnologias usadas

• REACT (v18.2.0) - Biblioteca JavaScript para criar interfaces de usuário.
• FRAMER MOTOR (v11.9.0) - Biblioteca de movimento para reagir para criar animações.
• Lucide React (v0.446.0) - Biblioteca de ícones para criar interfaces de usuário simples e bonitas.
• REACT ROUTER DOM (V6.23.0) - Biblioteca para roteamento dinâmico em aplicativos React.
• VITE (v5.2.0) - Ferramenta de construção de front -end que fornece desenvolvimento rápido e compilações de produção otimizadas.
• Eslint - Linter para manter a qualidade do código.

Instalação

Para configurar o projeto localmente, siga estas etapas:

1. Clone o repositório

   git clone https://github.com/parthasdey2304/React-Components.git
   cd react-components
   

2. Instale dependências Certifique -se de ter o Node.js instalado. Em seguida, execute o seguinte comando:

   npm install

3. Iniciar o servidor de desenvolvimento iniciar o servidor de desenvolvimento usando o Vite:

   npm run dev

4. Construa a produção para criar uma construção de produção otimizada, execute: Run:

   npm run build

Uso

Quando o servidor de desenvolvimento estiver em execução, abra seu navegador e vá para:

 http://localhost:3000

Agora você pode explorar os componentes reutilizáveis ​​e testar sua funcionalidade.

Scripts

• npm run dev : inicia o servidor de desenvolvimento.
• npm run build : constrói o projeto para produção.
• npm run lint : fia o projeto para problemas de estilo de código.
• npm run preview : Visualiza a construção da produção.

Contribuindo

Congratulamo -nos com contribuições! Leia nosso Código de Diretrizes de Conduta e Contribuição antes de fazer contribuições.

Para contribuir:

1. Fork o repositório.
2. Crie uma nova ramificação ( feature/your-feature ou fix/your-fix ).
3. Faça suas alterações.
4. Teste suas alterações.
5. Envie uma solicitação de tração com uma explicação clara de suas atualizações.

Para mais detalhes, consulte nossas diretrizes de contribuição.

Rastreamento de problemas

Se você encontrar algum bug ou tiver solicitações de recursos, abra um problema. Verifique se o problema ainda não foi relatado. Forneça informações detalhadas para nos ajudar a entender e resolver o problema rapidamente.

Licença

Este projeto está licenciado sob a licença do MIT. Consulte o arquivo de licença para obter detalhes.

Informações de contato

Para qualquer dúvida ou sugestão, fique à vontade para alcançar:

• Nome : Parth Vastavik
• Github : Parth Vastavik
• LinkedIn : perfil do LinkedIn

---