diff --git a/README.md b/README.md index ae0eb10..d68104e 100644 --- a/README.md +++ b/README.md @@ -1,105 +1,117 @@ -# Código Aberto - -## Descrição - -O projeto **"Tecnologia da Informação"** é uma aplicação web desenvolvida para ajudar os usuários a encontrar informações sobre diversas linguagens de programação. O projeto permite que os usuários pesquisem por linguagens e visualizem informações relevantes sobre elas. A aplicação é responsiva e possui um design moderno com um fundo de imagem e uma interface amigável. - -## Estrutura do Projeto - -O projeto é estruturado da seguinte forma: - -``` -. -├── index.html -├── style.css -├── app.js -├── dados.js -└── images/ - └── img1.jpg -``` - -### `index.html` - -O arquivo HTML principal que estrutura a página e inclui referências aos arquivos CSS e JavaScript. Contém: - -- Um campo de pesquisa para o usuário digitar a linguagem de programação. -- Um botão para iniciar a pesquisa. -- Uma seção para exibir os resultados da pesquisa. - -### `style.css` - -O arquivo CSS que define o estilo visual da aplicação, incluindo: - -- Fonte padrão. -- Estilização de títulos e textos. -- Design dos botões e da caixa de resultados. -- Responsividade para diferentes tamanhos de tela. - -### `app.js` - -O arquivo JavaScript principal que contém a lógica para pesquisar e exibir os resultados. Inclui: - -- Função `pesquisar()` que processa o valor do campo de pesquisa e atualiza a seção de resultados. - -### `dados.js` - -Um arquivo JavaScript que deve conter os dados a serem pesquisados e exibidos. Este arquivo deve exportar uma lista de dados com informações sobre as linguagens de programação. - -### `images/img1.jpg` - -Imagem de fundo utilizada na aplicação. - -## Funcionalidades - -- **Busca**: Permite que os usuários pesquisem por linguagens de programação. -- **Exibição de Resultados**: Mostra informações sobre as linguagens que correspondem à pesquisa. -- **Mensagens de Erro**: Exibe mensagens quando a pesquisa não retorna resultados ou quando o campo de pesquisa está vazio. - -## Como Executar o Projeto - -1. Clone o repositório: - - ```bash - git clone https://github.com/CaiqueSF/codigo-aberto.git - ``` - -2. Navegue para o diretório do projeto: - - ```bash - cd codigo-aberto - ``` - -3. Abra o arquivo `index.html` em um navegador. - -## Contribuindo - -Se você deseja contribuir para o projeto, siga estas etapas: - -1. Faça um fork do repositório. - -2. Crie uma nova branch: - - ```bash - git checkout -b minha-nova-feature - ``` - -3. Faça suas alterações e commit: - - ```bash - git add . - git commit -m "Adiciona nova feature" - ``` - -4. Envie suas alterações para o repositório remoto: - - ```bash - git push origin minha-nova-feature - ``` - -5. Abra um Pull Request no GitHub. - -## Contato - -- **E-mail**: caiquedesousaferreira@gmail.com -- **LinkedIn**: [Caíque de S. Ferreira](https://www.linkedin.com/in/ca%C3%ADque-de-s-ferreira-48105b18b/) -- **GitHub**: [CaiqueSF](https://github.com/CaiqueSF) +# Código Aberto + +Acesse a versão online do projeto aqui: [Código Aberto](https://caiquesf.github.io/codigo-aberto/) + +## ➡ Linguagens Utilizadas + +HTML, CSS e JavaScript: Linguagens principais utilizadas para o desenvolvimento da aplicação web. + +## ➡ Objetivo do Projeto + +O projeto **"Tecnologia da Informação"** é uma aplicação web desenvolvida para ajudar os usuários a encontrar informações sobre diversas linguagens de programação. O projeto permite que os usuários pesquisem por linguagens e visualizem informações relevantes sobre elas. A aplicação é responsiva e possui um design moderno com um fundo de imagem e uma interface amigável. + +## ➡ Estrutura do Projeto + +A estrutura do projeto está organizada da seguinte forma: + +``` +. +├── index.html +├── style.css +├── app.js +├── dados.js +└── images/ + └── img1.jpg +``` + +### `index.html` + +O arquivo HTML principal que estrutura a página e inclui referências aos arquivos CSS e JavaScript. Contém: + +- Um campo de pesquisa para o usuário digitar a linguagem de programação. +- Um botão para iniciar a pesquisa. +- Uma seção para exibir os resultados da pesquisa. + +### `style.css` + +O arquivo CSS que define o estilo visual da aplicação, incluindo: + +- Fonte padrão. +- Estilização de títulos e textos. +- Design dos botões e da caixa de resultados. +- Responsividade para diferentes tamanhos de tela. + +### `app.js` + +O arquivo JavaScript principal que contém a lógica para pesquisar e exibir os resultados. Inclui: + +- Função `pesquisar()` que processa o valor do campo de pesquisa e atualiza a seção de resultados. + +### `dados.js` + +Um arquivo JavaScript que deve conter os dados a serem pesquisados e exibidos. Este arquivo deve exportar uma lista de dados com informações sobre as linguagens de programação. + +### `images/img1.jpg` + +Imagem de fundo utilizada na aplicação. + +## ➡ Funcionalidades do Projeto + +🔹 **Busca**: Permite que os usuários pesquisem por linguagens de programação. + +🔹 **Exibição de Resultados**: Mostra informações sobre as linguagens que correspondem à pesquisa. + +🔹 **Mensagens de Erro**: Exibe mensagens quando a pesquisa não retorna resultados ou quando o campo de pesquisa está vazio. + +## ➡ Como Executar o Projeto + +**Siga os passos abaixo para executar o projeto:** + +1. Clone o repositório: + +`bash +    git clone [https://github.com/CaiqueSF/codigo-aberto.git](https://github.com/CaiqueSF/codigo-aberto.git) +    ` + +2. Navegue para o diretório do projeto: + +`bash +    cd codigo-aberto +    ` + +3. Abra o arquivo `index.html` em um navegador. + +## ➡ Contribuindo + +**Se você deseja contribuir para o projeto, siga estas etapas:** + +1. Faça um fork do repositório. + +2. Crie uma nova branch: + +`bash +    git checkout -b [nome-da-sua-branch] +    ` + +3. Faça suas alterações e commit: + +`bash +    git add . +    git commit -m "[Descrição das suas alterações]" +    ` + +4. Envie suas alterações para o repositório remoto: + +`bash +    git push origin [nome-da-sua-branch] +    ` + +5. Abra um Pull Request no GitHub. + +## ➡ Contatos + +🔹 **E-mail**: caiquedesousaferreira@gmail.com + +🔹 **LinkedIn**: [Caíque de S. Ferreira](https://www.linkedin.com/in/ca%C3%ADque-de-s-ferreira-48105b18b/) + +🔹 **GitHub**: [CaiqueSF](https://github.com/CaiqueSF) diff --git a/index.html b/index.html index 2acf1ad..ff3a90c 100644 --- a/index.html +++ b/index.html @@ -1,52 +1,52 @@ - - - - - - - Código Aberto - - - - - -
-

CÓDIGO ABERTO

-
-

Explore as Infinitas Possibilidades da Programação

-
- -
- -
- - -
- - - -
- -
- - - - - - - - - + + + + + + + Código Aberto + + + + + +
+

CÓDIGO ABERTO

+
+

Explore as Infinitas Possibilidades da Programação

+
+ +
+ +
+ + +
+ + + +
+ +
+ + + + + + + + +