📑 Sumário

Sobre o Projeto
Acesso ao Projeto
Ferramentas e Tecnologias Utilizadas
- Ferramentas
- Tecnologias
Roadmap de Desenvolvimento
Design
Board do Projeto
Abrir e Rodar o Projeto
Mentora
Colaboradores
Licença

🌐 Acesso ao Projeto

Este projeto foi implantado e está disponível online. Você pode acessar a versão ao vivo do Includify clicando no link abaixo:

👉 Acesse o Includify Aqui

☕ Sobre o projeto

Este projeto foi desenvolvido pelo grupo 3 da turma 32 do curso de Introdução ao Front-End, como parte do programa integrador da Proz Talent Cloud. Inspirados pelos Objetivos de Desenvolvimento Sustentável (ODS), propusemos uma solução que visa empoderar empreendedores com deficiência, promovendo inclusão e acessibilidade de forma significativa.

Includify é uma plataforma digital acessível que pretende ser um ponto de encontro para a divulgação de produtos e serviços de empreendedores com deficiência. Nosso propósito é conectar diferentes públicos, criando oportunidades e promovendo a inclusão de maneira eficiente e integrada.

| | | | |:-------------------------------------------:|:-------------------------------------------:|:-------------------------------------------:| | Imagem 1

⚙ Ferramentas e Tecnologias Utilizadas

O projeto utiliza uma série de ferramentas para o desenvolvimento e colaboração, além de tecnologias web para construção das funcionalidades. Abaixo, cada item está listado com uma breve descrição e link para sua documentação oficial.

🛠️ Ferramentas

Clique nos ícones abaixo para acessar a documentação oficial das ferramentas utilizadas neste projeto:

<table> <tr> <td align="center"> <a href="https://help.figma.com/hc/en-us" target="_blank"> <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/figma/figma-original.svg" alt="Figma" width="50" height="50"/> </a> Figma <hr> Ferramenta de design para criação dos protótipos e visualização do layout do projeto. </td> <td align="center"> <a href="https://git-scm.com/doc" target="_blank"> <img src="https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg" alt="Git" width="50" height="50"/> </a> Git <hr> Sistema de controle de versão utilizado para gerenciar o histórico de alterações do projeto. </td> <td align="center"> <a href="https://docs.github.com/pt" target="_blank"> <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/github/github-original.svg" alt="GitHub" width="50" height="50"/> </a> GitHub <hr> Plataforma utilizada para hospedar o repositório e facilitar a colaboração entre a equipe. </td> <td align="center"> <a href="https://code.visualstudio.com/docs" target="_blank"> <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vscode/vscode-original.svg" alt="VS Code" width="50" height="50"/> </a> VS Code <hr> Editor de código utilizado para escrever e editar os arquivos HTML, CSS e JavaScript. </td> </tr> </table>

💻 Tecnologias

Clique nos ícones abaixo para acessar a documentação oficial das tecnologias utilizadas no desenvolvimento deste projeto:

<table> <tr> <td align="center"> <a href="https://developer.mozilla.org/en-US/docs/Web/HTML" target="_blank"> <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg" alt="HTML5" width="50" height="50"/> </a> HTML5 <hr> Linguagem de marcação utilizada para estruturar o conteúdo das páginas web. </td> <td align="center"> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS" target="_blank"> <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/css3/css3-original.svg" alt="CSS3" width="50" height="50"/> </a> CSS3 <hr> Linguagem de estilo utilizada para estilizar as páginas e tornar o layout responsivo. </td> <td align="center"> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" alt="JavaScript" width="50" height="50"/> </a> JavaScript <hr> Linguagem de programação utilizada para tornar as páginas interativas e manipular o DOM. </td> </tr> </table>

🚀 Roadmap de Desenvolvimento

Este projeto foi desenvolvido utilizando exclusivamente JavaScript, HTML e CSS, conforme solicitado. As entregas foram organizadas em cinco sprints:

| Sprint | Descrição | Status | |------------|--------------------------------------------------------------------------------|--------------| | Sprint I | Definição das regras de negócio e criação do protótipo com, no mínimo, cinco telas | ✅ Concluído | | Sprint II | Desenvolvimento do HTML das páginas | ✅ Concluído | | Sprint III | Estilização das telas utilizando Flexbox, definição de cores e fontes | ✅ Concluído | | Sprint IV | Manipulação do DOM com JavaScript, validação dos formulários, renderização dinâmica | ✅ Concluído | | Sprint V | Modelagem do DER, normalização das tabelas em 3FN, consultas e junções | ✅ Concluído |

🎨 Design

O design deste projeto foi desenvolvido no Figma, onde criamos nosso protótipo, que pode ser visualizado e explorado aqui.

📌 Board do Projeto

Nosso board do GitHub oferece uma visão clara e organizada do progresso do desenvolvimento, ajudando a gerenciar tarefas e priorizar atividades. As colunas do board incluem:

Backlog: Tarefas planejadas para futuras entregas, ainda não iniciadas.
Fazendo: Tarefas que estão atualmente sendo desenvolvidas.
Bloqueio: Tarefas que enfrentam algum impedimento ou problema que precisa ser resolvido antes de prosseguir.
Revisão de Código: Tarefas que estão em fase de revisão para garantir a qualidade do código antes de serem finalizadas.
Feito: Tarefas que já foram concluídas e aprovadas.

Isso permite que todos acompanhem o andamento, os próximos passos e o que já foi concluído, mantendo uma comunicação clara sobre o progresso do projeto.

👉 Confira o board do projeto do GitHub clicando aqui

🛠️ Abrir e Rodar o Projeto

Para rodar o projeto localmente, siga os passos abaixo:

Clone o Repositório: Primeiro, clone o repositório em seu computador. Abra o terminal e execute o seguinte comando:
```
git clone https://github.com/LeonardoReis86/Includify.git
```
Acesse o Diretório do Projeto: Depois de clonar o repositório, navegue até o diretório do projeto:
```
cd Includify
```
Abra o Projeto no Navegador: Como este projeto consiste apenas em HTML, CSS e JavaScript, não há necessidade de instalar dependências adicionais ou configurar um servidor. Basta abrir o arquivo index.html diretamente em seu navegador. Você pode fazer isso de duas formas:
- Manualmente: Navegue até o diretório do projeto e dê um duplo clique no arquivo index.html.
- Via Linha de Comando: Execute o comando abaixo (funciona em sistemas que suportam open, xdg-open, ou equivalente):
```
open index.html
```
  Ou, no Windows:
```
start index.html
```
Visualizar no Navegador: O projeto será carregado no seu navegador padrão e você poderá visualizar a interface desenvolvida.

👩‍🏫 Mentora

| <img src="https://avatars.githubusercontent.com/u/87721461?v=4" width=115> Jeice Santos | | :-----------------------------------------------------------------------------------------------------------------------------: |

👨‍💻👨‍💻 Colaboradores

👨‍💻 Colaboradores

Includify

Install / Use

README