An open API service indexing awesome lists of open source software.

https://github.com/leonardoreis86/includify

Plataforma inclusiva e acessível de promoção para pessoas com deficiência que querem empreender no mercado.
https://github.com/leonardoreis86/includify

css3 figmadesign git github githubproject html5 javascipt kanban-board

Last synced: 7 months ago
JSON representation

Plataforma inclusiva e acessível de promoção para pessoas com deficiência que querem empreender no mercado.

Awesome Lists containing this project

README

          

## 📑 Sumário
- [Sobre o Projeto](#-sobre-o-projeto)
- [Acesso ao Projeto](#-acesso-ao-projeto)
- [Ferramentas e Tecnologias Utilizadas](#-ferramentas-e-tecnologias-utilizadas)
- [Ferramentas](#-ferramentas)
- [Tecnologias](#-tecnologias)
- [Roadmap de Desenvolvimento](#-roadmap-de-desenvolvimento)
- [Design](#-design)
- [Board do Projeto](#-board-do-projeto)
- [Abrir e Rodar o Projeto](#-abrir-e-rodar-o-projeto)
- [Mentora](#-mentora)
- [Colaboradores](#-colaboradores)
- [Licença](#-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](https://includify.vercel.app/index.html)

## ☕ 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](https://via.placeholder.com/150) | ![Imagem 2](https://via.placeholder.com/150) | ![Imagem 3](https://via.placeholder.com/150) |
|:-------------------------------------------:|:-------------------------------------------:|:-------------------------------------------:|
| 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


Figma



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



Git


Git


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



GitHub


GitHub


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



VS Code


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


HTML5



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



CSS3


CSS3


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



JavaScript


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](https://www.figma.com/design/VjYtVPyibnVZxwYWkq8MWC/Includify?node-id=0-1).

---

## 📌 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](https://github.com/users/LeonardoReis86/projects/13/views/1)

## 🛠️ 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:

```bash
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:

```bash
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):

```bash
open index.html
```

Ou, no Windows:

```bash
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](https://github.com/Jeice01) |
| :-----------------------------------------------------------------------------------------------------------------------------: |

## 👨‍💻👨‍💻 Colaboradores

## 👨‍💻 Colaboradores

| [
Arthur](https://github.com/0ArS0) | [
Elizama Fortes](https://github.com/Lyza-Fortes) | [
Leonardo Reis](https://github.com/LeonardoReis86) | [
Vitor](https://github.com/VHEB) | [
Vani Junqueira](https://github.com/VaniJunqueira2023) |
| :----------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------: |

## 📝 Licença

Esse projeto está sob licença. Veja o arquivo [LICENÇA](./License) para mais detalhes.

---

### [Voltar ao Topo](#topo)