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.
- Host: GitHub
- URL: https://github.com/leonardoreis86/includify
- Owner: LeonardoReis86
- Created: 2024-08-04T18:47:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-23T22:22:39.000Z (about 1 year ago)
- Last Synced: 2024-10-24T11:28:08.246Z (about 1 year ago)
- Topics: css3, figmadesign, git, github, githubproject, html5, javascipt, kanban-board
- Language: HTML
- Homepage: https://includify.vercel.app
- Size: 17.9 MB
- Stars: 6
- Watchers: 3
- Forks: 1
- Open Issues: 5
-
Metadata Files:
- Readme: docs/README.md
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
## ⚙ 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:
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:
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](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)