Projeto Assembleia – Desenvolvimento Front

Passo a passo para rodar o projeto em seu ambiente

    - passo 1: Ter instalado o Git e configurado o mesmo
    - passo 2: Em seu navegador, acessar o github.com
    - passo 3: Fazer ou um fork do projeto, caso tenha acesso ao usuário e senha do github do projeto
    apenas fazer um clone. [
        no botão verde escrito 'Code' vai conter o link para fazer o clone
    ]
    - passo 4: acessar o terminal em sua máquina, git bash
    - passo 5: git clone "colar o link do clone, já copiado lá no github"

Tecnologias utilizadas:

    - ReactJS - (Framework de desenvolvimento de aplicações web)
    - UX/CSS - (Folhas de estilo - perfomance visual do projeto)
    - Django - ( Framework de desenvolvimento de API's │ Regra de Negócio )
    - Typescript - Um super set do javascript -> fortemente tipado

Fluxogramas do projeto:

  • Fluxo Front End – Admin
  • Fluxo Back End – Sistema Completo

Fontes usadas:

    - Roboto
    - Poppins

    obs: Por padrão caso não encontrada essas fonts, será utilizada sans-serif

Bibliotécas utilizadas:

    - axios
    - django-rest-framework
    - cors
    - react-player

Organização dos Repositórios

    - src -> diretório principal, contém todo o projeto
    - components -> diretório onde todos os componentes serão criados e configurados
    - api -> diretório responsável por fazer conexão com a API (Application Programming Interface)
    - pages -> diretório onde será armazenado os arquivos para cada página criada
    - styles -> diretório para armazenar todos os arquivos de estilo do projeto
        obs:: título do arquivo faz referência ao seu componente ou sua page

Estrutura dos commits para o projeto

  • Modelo: git commit -m [ nome_do_arquivo – resumo
    _da_atualização – v1.0.0 (versão onde está o projeto)]

GitHub

View Github