Web app que dissemina a cultura de inclusão dentro da DBServer, com foco na cultura surda. O web app é destinado para todas as pessoas que desejam aprender LIBRAS e enteder um pouco mais sobre inclusão de PCD`s na sociedade. O web app aproveita o guia de acessibilidade e a apostila de Libras como fonte de informação de inclusão, assim como utiliza a API Libras para as funcionalidades específicas.
A Lib/Framework principal utilizada será ReactJS.
$ npm install
$ npm start
$ git clone https://github.com/dbinclui-org/dbinclui-frontend.git
$ git flow init
Which branch should be used for bringing forth production releases?
- main
Branch name for production releases: [main]
Branch name for "next release" development: [develop]
How to name your supporting branch prefixes?
Feature branches? [feature/]
Release branches? [release/]
Hotfix branches? [hotfix/]
Support branches? [support/]
Version tag prefix? []
$ git flow feature start DBI-61 <-- número do card do Trello
$ git add -A
$ git commit -m "Update README"
$ git push --set-upstream origin feature/DBI-61
Para realizar o pull request é necessário mudar o base repository para o repositório que possui o "dbinclui-org"
Confirme se a develop está marcada na base e se a sua feature está no compare, após isso já é possível clicar no botão para criar o pull request
Mude o título do pull request para o nome da feature + o título do card do Trello, como mostrado abaixo, após isso já é possível clicar no botão para criar o pull request
Após as mudanças serem aprovadas por duas pessoas e serem passadas no teste, será possível realizar o merge request
Para que haja uma padronização na criação dos componentes, este deve seguir o seguinte modelo de construção:
- Deve ser feita a importação do React no escopo do componente.
- Deve conter uma interface com as propriedades do componente.
- Nome da interface deve ter o sufixo Props.
- Deve criar uma constante
- Nome deve ter o prefixo Component
- Recebe React.FC, no qual recebe a interface
- Deve retornar elemento JSX
- O código a ser feito dentro do return deve está dentro <></> (abreviatura para React.Fragment)
- O componente de ser exportado ao final.
Exemplo:
import React from 'react';
export interface ComponetNameProps {}
export const ComponetName: React.FC<ComponentNameProps> = (): JSX.Element => {
return <>...</>;
};
export default ComponentName;