🚀 Intensivão 5 Dias de JavaScript

Projetos desenvolvidos durante um intensivão de 5 dias focado em JavaScript, HTML, CSS, React e IA.

🇧🇷 Português    |    🇬🇧 English

Projetos • Tecnologias • Como Executar • Autor

---

🇧🇷 Português

💡 Sobre o Desafio

Este repositório contém os 4 projetos práticos que desenvolvi durante o "Intensivão de 5 Dias de JavaScript". O objetivo foi aplicar conceitos modernos do desenvolvimento web, desde a manipulação do DOM até a criação de aplicações com React e a integração com Inteligência Artificial.

💻 Projetos Desenvolvidos

Aqui está uma visão geral de cada projeto concluído:

1. 📖 Audiobook - Dom Casmurro

Um player de audiobook simples e elegante para a obra clássica de Machado de Assis. Focado na manipulação de áudio e elementos do DOM com JavaScript puro.

• Tecnologias: HTML5, CSS3, JavaScript (ES6+)
• Preview:

2. ⌚ Página Apple Watch (Apple Store)

Recriação de uma landing page da loja da Apple, focada no Apple Watch. O desafio foi construir um layout responsivo e visualmente fiel ao original, praticando HTML semântico e CSS moderno.

• Tecnologias: HTML5, CSS3
• Preview:

3. 🍽️ Cardápio Digital Interativo

Uma aplicação em React para um cardápio digital. Permite navegar por categorias, ver itens e (potencialmente) adicioná-los a um carrinho. O foco foi em componentização, estado e hooks do React.

• Tecnologias: React, JavaScript
• Preview:

4. 🤖 Chatbot com IA (Lovable)

Um chatbot funcional integrado a uma plataforma de IA (Lovable). Este projeto explorou como consumir APIs de IA e criar interfaces de conversação com JavaScript.

• Tecnologias: JavaScript, HTML, CSS, API de IA (Lovable)
• Preview:

---

🛠️ Tecnologias

As seguintes ferramentas e tecnologias foram utilizadas no desenvolvimento dos projetos:

---

🚀 Como Executar

Cada projeto está contido em sua própria pasta. Siga os passos abaixo para testá-los:

1. Clone este repositório:

   git clone [https://github.com/xVILENx/5DaysJavaScript.git](https://github.com/xVILENx/5DaysJavaScript.git)

2. Navegue até a pasta do projeto desejado:

   cd 5DaysJavaScript/[nome-da-pasta-do-projeto]

3. Para projetos HTML/CSS/JS (Audiobook, Apple Watch, Chatbot):
   • Simplesmente abra o arquivo index.html no seu navegador.
4. Para o projeto React (Cardápio):
   • Instale as dependências: npm install
   • Inicie o servidor de desenvolvimento: npm start

---

👤 Autor

Desenvolvido com ❤️ por [Seu Nome]

---

---

🇬🇧 English

💡 About the Challenge

This repository contains the 4 practical projects I developed during the "5-Day JavaScript Intensive". The goal was to apply modern web development concepts, from DOM manipulation to creating applications with React and integrating Artificial Intelligence.

💻 Projects Developed

Here is an overview of each completed project:

1. 📖 Audiobook - Dom Casmurro

A simple and elegant audiobook player for the classic Brazilian novel by Machado de Assis. Focused on audio and DOM element manipulation with pure JavaScript.

• Technologies: HTML5, CSS3, JavaScript (ES6+)
• Preview:

2. ⌚ Apple Watch Page (Apple Store)

A recreation of an Apple Store landing page, focusing on the Apple Watch. The challenge was to build a responsive and visually faithful layout, practicing semantic HTML and modern CSS.

• Technologies: HTML5, CSS3
• Preview:

3. 🍽️ Interactive Digital Menu

A React application for a digital menu. It allows browsing categories, viewing items, and (potentially) adding them to a cart. The focus was on componentization, state, and React hooks.

• Technologies: React, JavaScript
• Preview:

4. 🤖 AI Chatbot (Lovable)

A functional chatbot integrated with an AI platform (Lovable). This project explored how to consume AI APIs and create conversational interfaces with JavaScript.

• Technologies: JavaScript, HTML, CSS, AI API (Lovable)
• Preview:

---

🛠️ Tech Stack

The following tools and technologies were used in the development of these projects:

---

🚀 How to Run

Each project is contained in its own folder. Follow the steps below to test them:

1. Clone this repository:

   git clone [https://github.com/xVILENx/5DaysJavaScript.git](https://github.com/xVILENx/5DaysJavaScript.git)

2. Navigate to the desired project folder:

   cd 5DaysJavaScript/[project-folder-name]

3. For HTML/CSS/JS projects (Audiobook, Apple Watch, Chatbot):
   • Simply open the index.html file in your browser.
4. For the React project (Menu):
   • Install dependencies: npm install
   • Start the development server: npm start

---

👤 Author

Developed with ❤️ by Vilen