Skip to content

Uma empresa de desenvolvimento de software precisa de uma ferramenta que vai receber uma lista de propriedades de CSS (ex: background-color, font-size, text-align) e vai devolvê-la ordenada de A-Z.

License

Notifications You must be signed in to change notification settings

DeniCosta/biblioteca_css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Biblioteca CSS - Lista de Propriedades

Este projeto consiste em uma aplicação de linha de comando desenvolvida em JavaScript, utilizando o ambiente Node.js. Ela permite aos usuários adicionar propriedades CSS por meio do terminal e exibi-las de forma ordenada em formato de tabela.

biblioteca.css.gif.mp4

Tecnologias    |    Guia de Execução    |    Exemplos    |    Autor    |    Licença

Tecnologias Utilizadas

A aplicação utiliza as seguintes tecnologias:

  • JavaScript:A linguagem de programação principal para desenvolver a lógica e funcionalidade da aplicação.
  • Node.js: Um ambiente de tempo de execução que permite executar JavaScript no lado do servidor e construir aplicativos de rede escaláveis.
  • Git / Github: Para controle de versionamento e colaboração no desenvolvimento do projeto.
  • Figlet: Para criar arte em texto estilizado no terminal.
  • Gradient-string:Para adicionar gradientes coloridos ao texto no terminal.
  • Inquirer:Para criar uma interface interativa de perguntas e respostas no terminal.
  • Cli-table3: Para gerar uma tabela formatada no terminal.
  • Chalk:Para estilizar o texto no terminal com cores.

Essas tecnologias combinadas proporcionam uma experiência visual agradável e interativa.

Guia de Execução

Aqui está um guia passo a passo para executar o projeto em sua máquina local.

Pré-requisitos

  • Node.js: Versão 18.16.0.
  • Git: Para clonar o repositório utilizando o termina Git Bash.

Instalação

  1. Use o comando: git clone https://github.com/DeniCosta/biblioteca_css.git no terminal de sua preferência. Entretanto, o terminal do git é fortemente recomendado.
    ou
    faça o download do arquivo ZIP deste repositório.

  2. Abra o repositório clonado no editor de código de sua preferência. Clique aqui para fazer o download do VScode, caso ainda não tenha um.

  3. Abra o terminal Git, ou similar, e use o comando 'cd' para entrar no diretório do projeto:

cd caminho/para/o/projeto
  1. Execute o seguinte comando para instalar as dependências:
npm install

Executando a Aplicação

Após instalar as dependências, você pode executar a aplicação usando o seguinte comando:

npm start

Exemplos de interação

Aqui estão alguns exemplos de como a interação com a aplicação pode ocorrer:

  1. Inicie a aplicação
npm start
  1. Irá aparecer a seguinte mensagem:

Digite uma propriedade de CSS (ou digite 'SAIR' para ver a lista e encerrar):

  1. Escreva individualmente os nomes das propriedades que deseja inserir, seguido da tecla "Enter":

inputs

  1. Ao escrever "SAIR" será exibida a tabela com a lista ordenada das propriedades válidas adicionadas:

output sucesso

Entradas inválidas

  1. Caso sejam adicionadas entradas vazias, duplicadas, ou que contenham caracteres diferentes de a-z e hífen(-), será exibida uma menssagem de erro e solicitará uma nova propriedade:

entradas inválidas

  1. Caso não seja inserida nenhuma propriedade válida e seja digitado "SAIR" será exibida a mensagem a seguir e a aplicação será encerrada:

lista vazia

Autor

Desenvolvido com ❤️ por Denise Costa

Licença

Este projeto está sob a licença MIT - consulte o arquivo LICENSE para mais detalhes.

About

Uma empresa de desenvolvimento de software precisa de uma ferramenta que vai receber uma lista de propriedades de CSS (ex: background-color, font-size, text-align) e vai devolvê-la ordenada de A-Z.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published