📑 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:

Figma Ferramenta de design para criação dos protótipos e visualização do layout do projeto.

Git Sistema de controle de versão utilizado para gerenciar o histórico de alterações do projeto.

GitHub Plataforma utilizada para hospedar o repositório e facilitar a colaboração entre a equipe.

VS Code Editor de código utilizado para escrever e editar os arquivos HTML, CSS e JavaScript.

💻 Tecnologias

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

HTML5 Linguagem de marcação utilizada para estruturar o conteúdo das páginas web.

CSS3 Linguagem de estilo utilizada para estilizar as páginas e tornar o layout responsivo.

JavaScript Linguagem de programação utilizada para tornar as páginas interativas e manipular o DOM.

🚀 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:

1. 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

2. Acesse o Diretório do Projeto: Depois de clonar o repositório, navegue até o diretório do projeto:

   cd Includify

3. 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

4. Visualizar no Navegador: O projeto será carregado no seu navegador padrão e você poderá visualizar a interface desenvolvida.

👩‍🏫 Mentora

Jeice Santos

👨‍💻👨‍💻 Colaboradores

👨‍💻 Colaboradores

Arthur	Elizama Fortes	Leonardo Reis	Vitor	Vani Junqueira

📝 Licença

Esse projeto está sob licença. Veja o arquivo LICENÇA para mais detalhes.

---

Voltar ao Topo