https://github.com/guicamargo19/sorteador_grunt

Sorteador de números com uso de Grunt
https://github.com/guicamargo19/sorteador_grunt

css3 grunt html5 javascript less live-server npm vscode

Last synced: 26 days ago
JSON representation

Sorteador de números com uso de Grunt

• Host: GitHub
• URL: https://github.com/guicamargo19/sorteador_grunt
• Owner: guicamargo19
• License: mit
• Created: 2023-12-15T20:24:28.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-04-26T16:03:24.000Z (6 months ago)
• Last Synced: 2024-09-29T18:01:36.192Z (about 1 month ago)
• Topics: css3, grunt, html5, javascript, less, live-server, npm, vscode
• Language: JavaScript
• Homepage: https://sorteador-grunt-guilherme.vercel.app
• Size: 121 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Número da Sorte

## Apresentação do projeto

https://github.com/guicamargo19/sorteador_grunt/assets/133445061/6dd747aa-e924-489c-b765-62b86c69b20e

Sorteia um número no intervalo entre 1 e o número informado pelo usuário.

Projeto desenvolvido em **HTML** e **CSS**, **JavaScript** com **LESS** e aplicação de diversos plugins do **Grunt**

para minificação de arquivos HTML, CSS e JS para o ambiente de produção.

- ``grunt-contrib-less``

- ``grunt-contrib-uglify``

- ``grunt-contrib-htmlmin``

- ``grunt-contrib-watch``

- ``grunt-replace``

- ``grunt-contrib-clean``

Projeto desenvolvido no curso de Full Stack Python da EBAC - Escola Britânica de Artes Criativas e Tecnologia.

## 🚀 Começando

Estas instruções permitirão que você obtenha uma cópia do projeto em execução em sua máquina local para fins de desenvolvimento e teste.

## Pré-requisitos

Antes de começar, certifique-se de ter as seguintes ferramentas instaladas em sua máquina:

- **Node.js**

- **npm (geralmente vem com o Node.js)**

- [VSCode](https://code.visualstudio.com/)

- [Live Server](https://github.com/ritwickdey/vscode-live-server-plus-plus)

## Instalação

Siga estas etapas a seguir para configurar o ambiente de desenvolvimento:

1. Clone este repositório em sua máquina local.

2. Navegue até o diretório clonado.

3. Instale a extensão [Live Server] no VSCode.

4. Clique em "Go Live" no canto inferior direito do VSCode para executar o projeto.

5. Execute o seguinte comando para instalar as dependências:

  **``npm install``**

## Executar o projeto

No arquivo package.json, em scripts, pode-se definir o comando desejado para o ambiente de produção

e de desenvolvimento, como por exemplo:

    "scripts": {

        "grunt": "grunt",

        "build": "grunt build",

    }

Para o ambiente de desenvolvimento, basta executar os comandos:

**``npm run grunt``**

Para o ambiente de produção, executar o comando:

**``npm run build``**

A pasta "dev" será criada com o projeto minificado.

## 🛠️ Ferramentas utilizadas para construção do projeto

* **HTML** - Linguagem de marcação utilizada na construção de páginas na Web.

* **CSS** - Cascading Style Sheets é um mecanismo para adicionar estilos a uma página web.

* **LESS** - Pré-processador para CSS, framework fácil, flexível e dinâmico para desenvolvimento web.

* **JavaScript** - Linguagem de programação interpretada estruturada, de alto nível com tipagem dinâmica fraca e multiparadigma.

* **Grunt** - Executor de tarefas JavaScript, uma ferramenta usada para executar automaticamente tarefas frequentes, como minificação, compilação, teste de unidade e linting.

* **NPM** - Gerenciador de pacotes padrão para o ambiente de tempo de execução JavaScript Node.JS.

## ✒️ Autor

Guilherme Ferreira Camargo