Ferramenta de ordenação de propriedades CSS 📋

Projeto individual do curso de Desenvolvedor Full Stack Resilia. Criação de uma ferramenta que recebe as propriedades do CSS e as ordena em ordem alfabética.

Apresentação 🚀

Sistema desenvolvido para organizar em ordem alfabética as propriedades do CSS. Para esse projeto foi utilizado o NodeJS (versão 18.17.1) juntamente com o VSCode para criar a lógica e a biblioteca Readline-Sync que permite que sejam informados dados ao sistema atráves da linha de comando.

Requisitos ⚠️

Para que o sistema funcione perfeitamente tenha o NodeJS instalado em seu computador.

Funcionalidades 📚

• Ordena as propriedades CSS em ordem alfabética.

ENTRADA

Digite pelo menos 2 propriedades do CSS.
Para ordenar digite 'sair'

Digite a propriedade: font-size
Digite a propriedade: color
Digite a propriedade: padding
Digite a propriedade: border-block
Digite a propriedade: animation-name
Digite a propriedade: sair

SAÍDA

LISTA DOS ELEMENTOS ORDENADOS:
animation-name
border-block
color
font-size
padding

OBS.: Não esquecer de digitar o 'sair' para o sistema retornar a lista ordenada.

• Tratamento de erros

Caso o usuário não digite nada ou digite um número na entrada de dados, o sistema acusa a mensagem de erro Entrada inválida e não insere a respectiva entrada na lista como mostra o exemplo:

ENTRADA

Digite pelo menos 2 propriedades do CSS.
Para ordenar digite 'sair'

Digite a propriedade: font-size
Digite a propriedade:
Entrada inválida
Digite a propriedade: padding
Digite a propriedade: 123456
Entrada inválida
Digite a propriedade: animation-name
Digite a propriedade: sair

SAÍDA

LISTA DOS ELEMENTOS ORDENADOS:
animation-name
font-size
padding

Instalação 🔧

Depois de instalado o NodeJS em sua máquina:

1. Clone o repositório usando a URL do projeto OU a chave SSH no terminal:

URL: git clone https://github.com/Thzzao/OrdenaCSSResilia.git

SSH: git clone [email protected]:Thzzao/OrdenaCSSResilia.git

2. Depois entre na pasta OrdenaCSSResilia usando o comando:

cd OrdenaCSSResilia

3. Depois de chegar com o terminal na pasta correspondente, use o comando para instalar as dependências necessárias da ferramenta (no caso o Readline-sync):

npm install

OU

npm install readline-sync

4. Depois de feita a instalação, para iniciar o sistema digite no terminal:

npm start

GIF da instalação

Contribuição 💡

Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou enviar pull requests.

Referências 🔍

Documentação do NodeJS - Sistema desenvolvido usando a versão 18.17.1 LTS do NodeJS.

Documentação do Readline-sync

Autor 🖌

Projeto desenvolvido por Thiago Souza 🤙

Para mais informações sobre o projeto, entre em contato comigo através do email: [email protected]