Projeto feito para Andreia Santos, uma revendedora de produtos da Eudora. Nesse site, você encontrará informações sobre a Eudora, poderá entrar em contato com Andreia, ver produtos que estão em alta e fazer o pedido deles!
Características • Stack • Como usar • Planos Futuros • Aprendizados • Creditos • Feedback • Autores • Links • Licença
Essa foi uma proposta do "Corre da Quebrada" pedido pela professora Débora Regina do Instituto PROA, onde o objetivo era montar um site em HTML, CSS E JavaScript para algum empreendedor de comunidade, para aumentar o alcance do seu negócio e melhorar a visibilidade de trabalhadores de periferias. Assim, decidi criar esse site para minha mãe, Andreia Silva dos Santos, que revende produtos da Eudora como afiliada.
Abaixo, estão listadas as principais funcionalidades dessa aplicação:
- Menu interativo
- Informações da vendedora
- Formas de entrar em contato
- Design responsivo
- Seção de produtos
- Sacola/carrinho funcional
- É possível fazer o pedido de produtos
- Armazenamento de sacola com localStorage
Aqui, estão listadas todas as tecnologias utilizadas nesse projeto:
- HTML
- CSS
- JavaScript
- Git
- Figma
- Vercel
Você pode apertar nos links disponíveis nessa página e nesse documento, baixar o código ou clonar esse repositório na sua máquina. Para fazer isso, é necessário ter o Git instalado no seu computador.
Caso já tenha, abra o terminal (prompt de comando) em algum local do PC e Execute as linhas de comando a seguir:
# Clone this repository
$ git clone https://github.com/lucas-dos-santos-gomes/andreia-santos-eudora
# Go into the repository
$ cd andreia-santos-eudoraNota: Agora, você pode abrir o arquivo 'index.html' ou utilizar a externsão 'Live Server' do Visual Studio Code
O projeto já está em funcionamento, porém, ainda existem funcionalidades que pretendo trazer futuramente:
- Finalizar página de produtos
- Finalizar página 'sobre'
- Adicionar função modo claro/escuro
- Passar para React.js
- Criar um Banco de Dados
- Página do administrador
- Criação de aplicativo mobile
- Realização de cadastro
- Troca de página da Eudora para Boticário
Nesse projeto, pude testar meus verdadeiros conhecimentos nas linguagens básicas. Foram necessárias muitas horas de testes e raciocínio, mas que mostraram que estou pronto para seguir e evoluir cada vez mais. Próximo passo é me especializar em React.js
Esse site utiliza os seguintes pacotes e bibliotecas open source:
Esse site é um projeto real, com o objetivo de ajudar minha mãe. Então, se você gostou de usar esta aplicação, se ela te ajudou de alguma forma ou se teve algum problema, gostaria que você enviasse um e-mail para [email protected] sobre qualquer feedback que queira dizer sobre este site. Eu realmente aprecio isso e pode me ajudar bastante!
- Lucas dos Santos Gomes
Aqui estão listados links referentes ao projeto e também ao seu criador.
Repositório:https://github.com/lucas-dos-santos-gomes/andreia-santos-eudoraSite:https://andreia-santos-eudora.vercel.app/Protótipo no Figma:https://www.figma.com/file/vMmxNU1XyMrmnroYJrAvlK/andreia-santos-eudora?type=design&node-id=0%3A1&mode=design&t=KgNTPgIwCyZ0kqSC-1Postagem no LinkedIn:https://www.linkedin.com/feed/update/urn:li:activity:7078867936207118336/
Instagram:https://www.instagram.com/andreiasantos.eudora/Facebook:https://www.facebook.com/andreiasantos.eudoraE-mail:mailto:[email protected]
GitHub:https://github.com/lucas-dos-santos-gomesLinkedIn:https://www.linkedin.com/in/lucas-santos-gomes/Instagram:https://www.instagram.com/lukinhaxdlc/E-mail:[email protected]
Caso encontre qualquer bug, erros ou tenha alguma sujestão para o projeto, entre em contato comigo (Lucas) pelo Instagram, E-mail ou pelo LinkedIn, todos citados acima.
- Mini Portfólio - Um profile card sobre mim que mostra minhas redes sociais, informações e projetos pessoais
- Decodificador Alura - Um decodificador que faz e desfaz criptografias de textos
- Gerador de QR Codes - Um gerador de QR Codes através de links, onde é possível baixar a imagem gerada
.
.
.
Me siga nas redes sociais e favorite esse projeto.
Obrigado pela sua visita!