Feito por Objetivos de Desenvolvimento Sustentável (ODS)

O lixo eletrônico, que inclui dispositivos como computadores e celulares, apresenta sérios riscos ao meio ambiente e à saúde humana devido à presença de substâncias tóxicas, como metais pesados. O descarte inadequado desses materiais pode contaminar o solo e a água, afetando comunidades e a biodiversidade local. Além disso, a reciclagem e reutilização desses resíduos são essenciais para a economia circular, reduzindo a necessidade de novos recursos e promovendo a sustentabilidade.

Nesse cenário, o site ReCicloTec se destaca como uma plataforma crucial para facilitar o descarte responsável de lixo eletrônico. Ele oferece informações sobre locais de coleta e serviços de reciclagem, além de promover a conscientização sobre os perigos e benefícios do correto descarte. Com conteúdos educativos e um mapa interativo, o ReCicloTec empodera a população, incentivando mudanças de comportamento e uma comunidade mais engajada em práticas sustentáveis. Desse modo, o site contribui significativamente para um futuro mais saudável e responsável.

-Raiz
|
|-->documentos
|-->imagens
|-->src
 |-->Backend
 |-->Frontend
|readme.md

README.MD: Arquivo que serve como guia e explicação geral sobre seu projeto. O mesmo que você está lendo agora.

Há também 4 pastas que seguem da seguinte forma:

documentos: Toda a documentação estará nesta pasta.

imagens: Imagens do sistema

src: Pasta que contém o código fonte.

🎨 Guia de estilo e Protótipo do Site Clique aqui para ver nosso Guia de estilo e Protótipo do Site

🎨 Desing System Clique aqui para ver nosso Desing System

• HTML
• CSS
• JavaScript
• React
• Node.js
• MySQL

• 🛠 Instalação do depurador de Códigos (VSCODE) • Instale o VSCODE pelo Link oficial: Clique aqui para ir ao site oficial

• 🗂️ Versionamento de Código:
  • Git: Sistema de controle de versão para gerenciar alterações, colaborar com a equipe e rastrear o histórico do projeto. Clique aqui para instalar o Git
  
  • GitHub: Hospedagem de repositórios para gerenciamento de issues, pull requests e colaboração em equipe.
  
  • GitHub Desktop: Aplicativo gráfico que facilita o uso do Git e a interação com repositórios no GitHub, sem a necessidade de comandos no terminal. Ele permite gerenciar branches, commits, merges e pull requests de forma intuitiva. Clique aqui para instalar o GitHub Desktop
  

• 🛠 Instalação do React

  • Instale o Node.js a partir do site oficial: Node.js.

  • No terminal, execute o comando para criar um novo projetoReact:

npx create-react-app reciclotec

• Entre no diretório do projeto:

cd reciclotec

• 🖥️ Instale as dependências do projeto:

npm install react-router-dom

• Para instalar o Axios, que é uma biblioteca JavaScript para fazer requisições HTTP, siga os passos abaixo:

npm install axios

• ⚙ Configuração do Projeto

• Inicie o servidor de desenvolvimento com o comando:

npm start

• O projeto será aberto na seguinte URL: http://localhost:3001.

- Acesse o CodeSandbox:

Entre no CodeSandbox CodeSandbox.

Faça login ou use como visitante (login permite salvar seus projetos).

-Crie um novo projeto:

Clique em "Create Sandbox".

Escolha um template apropriado para seu site:

HTML + CSS + JS: Ideal para sites estáticos.

React, Vue, ou Svelte: Para aplicações baseadas em frameworks. (Estamos utilizando REACT)

• Instalações:

npm install express
npm install mysql2
npm install cors
npm install bcrypt
npm install jsonwebtoken

• Declarando as rotas:

const express = require('express');
const mysql = require('mysql2');
const bcrypt = require('bcrypt');
const cors = require('cors');
const app = express();
const port = process.env.PORT || 3000;

const jwt = require('jsonwebtoken');

• Rodar o codigo Backend no CodeSandBox:

node src/index.js

🔗 https://codesandbox.io/p/devbox/reciclotec-mtrwdw

🔗 https://reciclotec.netlify.app/

• 0.1.1 - 23/08/2024
  • CONCLUÍDO: Pesquisa de extensão (Gabrielly)
• 0.2.2 - 28/09/2024
  • CONCLUÍDO: Criação de Casos de Uso (Hebert)
• 0.3.3 - 02/10/2024
  • CONCLUÍDO: Criação do Layout e Prototipação no Figma (Alexandra)
• 0.4.4 - 02/10/2024
  • CONCLUÍDO: Entrega de Classes ( Gabrielly)
• 0.5.5 - 02/10/2024
  • CONCLUÍDO: Documento de Requisitos Funcionais, Não Funcionais e 3 Casos de Uso (José)
• 0.6.6 - 02/10/2024
  • CONCLUÍDO: Desenvolvimento do Site em React (Hebert)
• 0.7.7 - 02/10/2024
  • CONCLUÍDO: Criação do guia de estilo pt 1 (Alexandra )
• 0.7.7 - 02/10/2024
  • CONCLUÍDO: Criação do guia de estilo pt 2 ( Gabrielly)
• 0.8.8 - 02/10/2024
  • CONCLUÍDO: Desenvolvimento da Home Page (HTML/CSS/JS) (Todos)
• 0.9.9 - 02/10/2024
  • CONCLUÍDO: Parceria com a ONG Ecobraz (Gabrielly)
• 0.10.10 - 19/10/2024
  • CONCLUÍDO: Criar o Banco de Dados (Hebert)
• 0.11.11 - 27/10/2024
  • CONCLUÍDO: Incluir um sistema de autenticação (Login e Senha) (Hebert)
• 0.12.12 - 27/10/2024
  • CONCLUÍDO: Diagrama de Classe ( José)
• 0.13.13 - 27/10/2024
  • CONCLUÍDO: Fazer as Telas restantes em React para Entrega 3 ( Gabrielly )
• 0.14.14 - 06/11/2024
  • CONCLUÍDO: Terminar o site em React para Entrega 4 (Alexandra)
• 0.15.15 - 17/11/2024
  • CONCLUÍDO: Backend em .NET, orientado a objetos com banco de dados (Hebert e José)
• 0.16.16 - 17/11/2024
  • CONCLUÍDO: Subida do backend para Azure (Hebert)
• 0.17.17 - 17/11/2024
  • CONCLUÍDO: Arquitetura do Sitema (José)
• 0.18.18 - 18/11/2024
  • CONCLUÍDO: Entrega do projeto (Todos)

ReCicloTec by FECAP, Alexandra Christine Silva Raimundo, Hebert dos Reis Esteves, José Bento Almeida Gama e Gabrielly Cintra de Jesus. is licensed under CC BY 4.0

Aqui estão as referências usadas no projeto.

1. GREEN ELETRON. Tudo o que você precisa saber sobre o lixo eletrônico. Disponível em: https://greeneletron.org.br/blog/tudo-o-que-voce-precisa-saber-sobre-o-lixo-eletronico/. Acesso em: 18 nov. 2024.
2. ECOBRAZ. Ecobraz - Reciclagem de Eletrônicos e Sustentabilidade. Disponível em: https://ecobraz.org/pt_BR. Acesso em: 18 nov. 2024.
3. SUCATA DIGITAL. Soluções em descarte sustentável de eletrônicos. Disponível em: https://sucatadigital.com.br. Acesso em: 18 nov. 2024.
4. CNN BRASIL. Como descartar o lixo eletrônico? Disponível em: https://www.cnnbrasil.com.br/tecnologia/como-descartar-o-lixo-eletronico/. Acesso em: 18 nov. 2024.