GithubHelp home page GithubHelp logo

projeto-site-ecommece's Introduction

PROJETO • E-COMMERCE

Um gif apresentando o projeto

Um gif apresentando o projeto

O projeto é um site E-Commerce na qual simula um site de vendas de perfumarias e produtos de beleza.

Link da aplicação: https://e-commercefcs.netlify.app/

📄 Explicação

O projeto é um site E-Commerce na qual simula um site de vendas de perfumarias e produtos de beleza. Neste projeto foi criado um CRUD para ambiente administrativo onde é possivel adicionar, editar e excluir produtos, categorias e marcas. Tambem foi criado um ambiente para alterar os dados estaticos da pagina como: Logo, e informações no Footer(Endereço, Telefone, Link´s de Rede Sociais, campo Sobre, Politica de Trocas dentre outos). Todo armazenamento de dados como informações estaticas, nomes de marcas, categorias, produtos e imagem, esta vinculado ao banco de dados Firebase, onde foi feita toda comunicação e criação de documents no ambiente firestore para armazenamento das informações.

  • Produtos: Na pagina inicial temos duas categorias de produtos onde foi criado um carrosel, esses produtos são adicionados pelo ambiente Administrativo ultizando as categorias, Lançamentos e Promoções.

  • Categorias: As categorias vistas no menu principal ira mostrar 20 produtos, onde foi ultilizado o metodo (URLSearchParams) para passar paramentros via URL e assim exibir os produtos com suas respectivas categorias ja cadastrada no ambiente administrativo.

Entrando no site voçê sera direcionado inicialmente para a página Inicial onde possui algumas seções, sendo elas: Menu com exibindo as categorias, banners em um Carousel, lista de produtos em carrosel com setas de posição para ver mais produtos.

Ao acessar as categorias, a pessoa será direcionada para uma página que apresenta produtos apenas daquela categoria, ou seja.

Ao clicar em um dos produtos a pessoa sera redirecionada para uma pagina contendo as informações deste produto como: codigo, preço, desconto, parcelas e descrição.

🚀 Tecnologias

No projeto foram utilizadas as seguintes tecnologias:

projeto-site-ecommece's People

Contributors

ffernandescs avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.