Front-End Template

Introdução

Esse projeto tem o objetivo de reunir lógicas de inicialização de projetos front-end em um único repositório! Tais configurações incluem:

• Configurações de linting, usando EsLint e Prettier.
• Hooks de pré-commit, que executam scripts antes de realizar um commit ao repositório, utilizando Husky e GitHub Actions.
• Estrutura inicial de uma arquitetura, utilizando design system baseado no React Spectrum, da Adobe.
• Configurações avançadas de estilo com CSS, tais como animações e transições, efeitos, etc.
• Configurações de accessibilidade, usando ARIA Attributes.
• Métricas de performance, usando boas práticas indicadas pelo MDN e React.
• Gerenciador de Estados performático, usando Context API e recursos do React.

Motivação

A criação desse projeto template tem como motivação inicial a otimização de tempo na criação de novos projetos, tornando o processo de desenvolvimento de software mais rápido e eficiente. Além disso, visa reduzir "dores de cabeça" na configuração de ferramentas, deixando o desenvolvedor apto a focar na implementação das regras de negócio, cumprir requisitos funcionais. Por fim, acredito que o desenvolvimento de software deve ser o mais eficaz possível, pois erros podem levar a aumentos desnecessários nos custos de desenvolvimento e correção!

Como instalar o projeto e configurá-lo para seu ambiente de trabalho?

1. Clone o repositório:

git clone https://github.com/HenriqueCosta05/Front-end_Template.git

2. Instale as dependências necessárias com NPM:

cd Front-end_Template && npm i

3. Navegue pelo projeto:

npm run dev