Git Product home page Git Product logo

salgado2004 / angular-ecommerce-ufpr-faz-sistema Goto Github PK

View Code? Open in Web Editor NEW
6.0 1.0 0.0 1.02 MB

Esta é uma solução Front-end para um website de E-commerce desenvolvido como parte do Projeto de Extensão UFPR Faz Sistema.

Home Page: https://salgado2004.github.io/Angular-Ecommerce-UFPR-Faz-Sistema/

License: MIT License

TypeScript 77.24% HTML 7.72% CSS 15.04%
analise-desenvolvimento-sistemas angular-cli ufpr ufpr-faz-sistema ecommerce-website front-end-development typescript

angular-ecommerce-ufpr-faz-sistema's Introduction

Angular E-commerce - UFPR Faz Sistema typescript angular

Leonardo Felipe Salgado

Esta é uma solução Front-end para um website de E-commerce desenvolvido como parte do Projeto de Extensão UFPR Faz Sistema. Desenvolvido pelo aluno Leonardo Felipe Salgado, aluno do 2º período do curso de Tecnologia em Análise e Desenvolvimento de Sistemas da Universidade Federal do Paraná.

Para ver o projeto acesse: https://salgado2004.github.io/Angular-Ecommerce-UFPR-Faz-Sistema/

Tecnologias utilizadas

Esse projeto foi desenvolvido com:

Como contribuir

Este projeto é aberto a contribuições. Se você quiser contribuir para o desenvolvimento, basta clonar este repositório, fazer as alterações desejadas e enviar um pull request.

Como auxílio, o projeto já inclui alguns issues sugeridos para trabalhar, disponíveis na aba Issues, mas também é possível incluir novos 😉

Para dúvidas ou sugestões, também é possível acessar a aba Discussions do Github e iniciar uma nova discussão.

Ambiente de desenvolvimento

O projeto foi desenvolvido em Angular, assim é necessário ter o npm, instalado e configurado em seu computador, e o angular/cli.

Para ver as modificações que você aplicou, use o comando ng serve para rodar o projeto localmente

Comandos úteis do Angular

ng new project-name para criar um novo projeto Angular, com pré-configurações prontas.

ng serve para rodar um servidor de desenvolvimento. Acesse http://localhost:4200/. A aplicação atualizará automaticamente a cada modificação.

ng generate component component-name ou ng g c component-name para criar um novo componente.

ng generate interface interface-name ou ng g i interface-name para criar uma nova interface.

ng generate pipe pipe-name ou ng g p pipe-name para criar um novo pipe.

ng generate service service-name ou ng g s service-name para criar um novo service.

ng generate module module-name ou ng g m module-name para criar um novo módulo.

ng build para compilar o projeto final. Os arquivos gerados ficarão na pasta dist/.

ng version para ver informações sobre a versão do Angular instalada na sua máquina.

Para mais ajuda com o Angular CLI use ng help ou acesse Angular CLI Overview and Command Reference.

angular-ecommerce-ufpr-faz-sistema's People

Contributors

dependabot[bot] avatar salgado2004 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

angular-ecommerce-ufpr-faz-sistema's Issues

Criação de login

A nova Feature será uma correção, melhoria de código, ou nova funcionalidade? Por favor descreva
Eu gostaria que fosse possível fazer login no sistema, e ter um carrinho para cada usuário.

Descreva a solução proposta
Implementar um sistema de login.

  • Tela de login
  • Tela de cadastro
  • Tela de perfil do usuário
  • Só permitir que o usuário adicione itens ao carrinho se estiver logado

Criação de tela Detalhes do produto

A nova Feature será uma correção, melhoria de código, ou nova funcionalidade? Por favor descreva
Eu gostaria que fosse possível, quando clicar em um item, abrir uma tela maior com os detalhes dele (Descrição, marca, produtos semelhantes, etc).

Descreva a solução proposta
Implementar um novo componente no módulo products para suportar essa operação.

Contexto adicional
Pode ser feito tanto como popup como uma tela diferente

Criação da tela carrinho

A nova Feature será uma correção, melhoria de código, ou nova funcionalidade? Por favor descreva
Eu gostaria que fosse possível visualizar os items que foram adicionados ao carrinho

Descreva a solução proposta
Adicionar novos componentes dentro do módulo cart já existente, para exibir os itens adicionados dentro do carrinho. Alterar os eventos de product-iten para se comunicar com o carrinho

Contexto adicional
Será possível reutilizar o componente de header. Também será necessário atualizar o app-routing-module.ts

Filtro de pesquisa

A nova Feature será uma correção, melhoria de código, ou nova funcionalidade? Por favor descreva
Eu gostaria que fosse possível filtrar os produtos (por nome, categoria, preço, etc).

Descreva a solução proposta
Adicionar filtros na lista de itens e atualizar a lista conforme os filtros são selecionados

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.