diff --git a/README.md b/README.md new file mode 100644 index 0000000..5ed741c --- /dev/null +++ b/README.md @@ -0,0 +1,136 @@ +

CodeBook

+ +
+ English | + Português +
+ +--- + +# English + +CodeBook is a web application designed to help users search for technology-related books and view detailed information about them, including where to purchase them. + +## Summary + +- [Technologies Used](#tecnologies-used-en) +- [Project Structure](#project_structure_en) +- [Installation](#installation-en) +- [Accessing the Application](#accessing-the-application-en) +- [Screenshot](#screenshot-en) +- [Author](#author-en) + +## 🚀 Technologies Used + +- **[HTML]**(https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics): Markup language for creating web pages. +- **[CSS]**(https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics): Style sheet language for designing the presentation of web pages. +- **[JavaScript]**(https://developer.mozilla.org/en-US/docs/Web/JavaScript): Programming language that allows you to implement dynamic features on web pages. + + +## 📁 Structure of the project +The project structure is as follows: +``` +├── index.html: Main HTML file. + +├── style.css: Stylesheet for the application. + +├── app.js: Main JavaScript file that handles book search functionality. + +├── dados.js: JavaScript file containing the book data. +``` + +## 🛠️ Installation + +1. Clone the repository or download and extract the ZIP file from the repository. +```bash +git clone https://github.com/Vitinho163/CodeBook.git +``` + +2. Open the project folder: +```bash +cd CodeBook +``` + +3. Open the ``index.html`` file in your preferred browser to view the application. + + +## 🌐 Accessing the Application + +You can view the project online at the following link: [View CodeBook Online](https://vitinho163.github.io/CodeBook/) + +Alternatively, open the application locally by opening the ``index.html`` file in your browser. + +## 🖼️ Screenshot + +![Screenshot_1](https://imgur.com/WrERq2G.png) +![Screenshot_2](https://imgur.com/1HebEoC.png) +![Screenshot_3](https://imgur.com/hkuXSuu.png) + +
+

Created with ❤️ by João Victor

+
+ +--- +
+ +# Português + +CodeBook é uma aplicação que permite aos usuários pesquisar por livros relacionados à tecnologia, fornecendo informações-chave como título, descrição, autor, número de páginas e um link para compra. + +## Sumário + +- [Tecnologias Utilizadas](#tecnologias-usadas-pt) +- [Estrutura do Projeto](#estrutura-do-projeto-pt) +- [Instalação](#instalacao-pt) +- [Acessando a Aplicação](#acessando-a-aplicacao-pt) +- [Screenshot](#screenshot-pt) +- [Autor](#autor-pt) + +## 🚀 Tecnologias Utilizadas + +- **[HTML]**(https://developer.mozilla.org/pt-BR/docs/Learn/Getting_started_with_the_web/HTML_basics): Linguagem de marcação para criação de páginas web. +- **[CSS]**(https://developer.mozilla.org/pt-BR/docs/Learn/Getting_started_with_the_web/CSS_basics): Linguagem de estilo para a apresentação de páginas web. +- **[JavaScript]**(https://developer.mozilla.org/pt-BR/docs/Web/JavaScript): Linguagem de programação que permite implementar funcionalidades dinâmicas em páginas web. + +## 📁 Estrutura do Projeto +A estrutura do projeto é a seguinte: +``` +├── index.html: Arquivo principal HTML. + +├── style.css: Folha de estilos da aplicação. + +├── app.js: Arquivo principal JavaScript que gerencia a funcionalidade de busca de livros. + +├── dados.js: Arquivo JavaScript contendo os dados dos livros. +``` + +## 🛠️ Instalação + +1. Clone o repositório ou faça o download e extraia o arquivo ZIP do repositório. +```bash +git clone https://github.com/Vitinho163/CodeBook.git +``` + +2. Abra a pasta do projeto: +```bash +cd CodeBook +``` + +3. Abra o arquivo ``index.html`` no seu navegador preferido para visualizar a aplicação. + + +## 🌐 Acessando a Aplicação + +Você pode visualizar o projeto online no seguinte link: [Ver CodeBook Online](https://vitinho163.github.io/CodeBook/) + +Ou abrir a aplicação localmente abrindo o arquivo ``index.html`` no seu navegador. + +## 🖼️ Screenshot + +![Screenshot_1](https://imgur.com/WrERq2G.png) +![Screenshot_2](https://imgur.com/1HebEoC.png) +![Screenshot_3](https://imgur.com/hkuXSuu.png) + +
+

Criado com ❤️ por João Victor

+
\ No newline at end of file