Garotos de Programa

Descrição do Projeto

Este projeto é uma plataforma web desenvolvida para conectar usuários a serviços, com foco inicial em cadastro, login e gerenciamento de endereços. A aplicação visa proporcionar uma interface intuitiva e funcional para a interação dos usuários com a plataforma.

Funcionalidades

• Cadastro de Usuários: Permite que novos usuários se registrem na plataforma, fornecendo informações como nome, e-mail, CPF, senha e data de nascimento. Inclui a aceitação de termos de uso.
• Login de Usuários: Possibilita que usuários cadastrados acessem suas contas utilizando e-mail e senha.
• Gerenciamento de Endereços: Funcionalidades para cadastrar, listar e editar endereços associados à conta do usuário.
• Página Inicial: Apresenta uma visão geral do projeto e convites para cadastro/login.
• Página 'Sobre Nós': Informações sobre a equipe ou o propósito do projeto.

Tecnologias Utilizadas

O projeto utiliza as seguintes tecnologias:

• HTML5: Para a estruturação das páginas web.
• CSS3: Para a estilização e design responsivo da interface do usuário.
• JavaScript: Para a lógica de front-end, incluindo validações de formulário, interações com a API e manipulação do DOM.
• API Go-Wash: Utilizada para o cadastro e login de usuários, bem como para o gerenciamento de endereços. (URL da API: https://go-wash-api.onrender.com/api/user)

Como Rodar o Projeto Localmente

Para configurar e executar este projeto em sua máquina local, siga os passos abaixo:

1. Clone o Repositório:

   git clone <URL_DO_REPOSITORIO>

2. Navegue até o Diretório do Projeto:

   cd <NOME_DO_DIRETORIO_DO_PROJETO>

3. Abra os Arquivos no Navegador:

   Como este é um projeto front-end puro (HTML, CSS, JavaScript), você pode simplesmente abrir os arquivos index.html, login.html, cadastro.html, etc., diretamente no seu navegador web. Não é necessário um servidor web local para a execução básica.

   Para uma experiência de desenvolvimento mais robusta (com hot-reloading, por exemplo), você pode usar extensões de navegador como o "Live Server" para VS Code, ou configurar um servidor web simples com Python:

   python -m http.server 8000

   Em seguida, acesse http://localhost:8000 no seu navegador.

Estrutura do Projeto

O projeto está organizado da seguinte forma:

. 
├── img/
│   ├── LogoGDP.PNG
│   ├── LogoGP(1).png
│   ├── LogoGP(1)(1).png
│   ├── LogoGP.png
│   ├── Logogpm.png
│   ├── logogp1.png
│   ├── loguinho.png
│   ├── DEV.png
│   └── fundosite.png
├── cadastro.html
├── cadastroEndereco.html
├── editar.html
├── enderecolist.html
├── index.html
├── login.html
├── sobre.html
├── style.css
├── script.js
├── scriptlogin.js
├── editar.js
└── enderecolist.js

• img/: Contém todas as imagens utilizadas no projeto, como logos e fundos.
• cadastro.html: Página para o cadastro de novos usuários.
• cadastroEndereco.html: Página para o cadastro de endereços.
• editar.html: Página para edição de informações (provavelmente de endereço ou perfil).
• enderecolist.html: Página para listar os endereços cadastrados.
• index.html: Página inicial do projeto.
• login.html: Página de login para usuários existentes.
• sobre.html: Página com informações sobre o projeto ou a equipe.
• style.css: Arquivo CSS para a estilização de todas as páginas.
• script.js: Arquivo JavaScript contendo a lógica para o cadastro de usuários.
• scriptlogin.js: Arquivo JavaScript contendo a lógica para o login de usuários.
• editar.js: Arquivo JavaScript para a funcionalidade de edição.
• enderecolist.js: Arquivo JavaScript para a funcionalidade de listagem de endereços.

Imagens do Projeto

Contribuição

Contribuições são bem-vindas! Se você deseja contribuir com este projeto, por favor, siga os passos abaixo:

1. Faça um fork do repositório.
2. Crie uma nova branch para sua feature (git checkout -b feature/sua-feature).
3. Faça suas alterações e commit-as (git commit -m 'feat: Adiciona nova feature').
4. Envie para a branch original (git push origin feature/sua-feature).
5. Abra um Pull Request.