imsamuelcovalero / Project-Our-Shop-App-Angular

Plataforma de e-commerce, implementada com MongoDB, Angular.js e Node.js, oferecendo recursos completos para visualização de produtos, gerenciamento de carrinho, finalização de compra e consulta ao histórico de pedidos.

Bem-vindo ao Project-Our-Shop-App-Angular

O Project-Our-Shop-App-Angular é uma aplicação de comércio eletrônico desenvolvida com MongoDB no banco de dados, Angular.js no frontend e Node.js com Mongooseno backend. Ela permite que usuários visualizem produtos, adicionem itens ao carrinho de compras, realizem o checkout escolhendo o ponto de retirada e vejam o histórico de pedidos.

Sumário

• Bem-vindo ao Project-Our-Shop-App-Angular
  • Sumário
  • Visualização
  • Contexto
    • Visão Geral de Funcionalidades
  • Como rodar a aplicação e detalhes do funcionamento
    • Início Rápido
    • Frontend
    • Backend
  • Notas
    • Git, GitHub e Histórico de Commits

Visualização

Em construção

Contexto

O Project-Our-Shop-App-Angular é um sistema de comércio eletrônico criado para proporcionar uma experiência de compra online eficiente e versátil. Ele permite que os usuários naveguem por um catálogo de produtos, adicionem itens ao carrinho de compras, e efetuem o checkout com a opção de escolher o ponto de retirada dos produtos adquiridos. Um destaque desta plataforma é o recurso de cashback, que pode ser utilizado para reduzir o valor total da compra. Além disso, os usuários podem acompanhar seu histórico de pedidos e consultar o saldo atual de cashback na página de histórico de ordens, proporcionando maior controle e transparência sobre suas transações.

Visão Geral de Funcionalidades

O Project-Our-Shop-App-Angular conta com uma interface amigável e intuitiva, com opção de temas claro e escuro, que permite aos usuários:

• Fazer login ou se registrar
• Visualizar e escolher produtos que deseje comprar
• Ter a opção de utilizar o cashback para abater no valor total da compra
• Escolher um local de retirada
• Consultar o histórico de ordens

Como rodar a aplicação e detalhes do funcionamento

Início Rápido

Detalhes

Clone o repositório para sua máquina local.

git clone [e-mail]:imsamuelcovalero/Project-Our-Shop-App-Angular

Com Docker

1. Navegue até o diretório raiz do projeto no terminal: cd Project-Our-Shop-App-Angular.
2. No diretório raiz do projeto, execute docker-compose up -d para iniciar os containers.
3. O servidor de backend estará rodando na porta 3001 e a aplicação na porta 4200.

Sem Docker

1. Navegue até o diretório raiz do projeto no terminal: cd Project-Our-Shop-App-Angular.
2. Acesse o diretório backend e execute npm install para instalar as dependências.
3. Inicie o servidor com npm run dev.
4. A aplicação estará rodando na porta 3001.
5. Acesse o diretório frontend e execute npm install para instalar as dependências.
6. Execute ng serve para iniciar a aplicação.
7. Abra um navegador web e acesse http://localhost:4200.
8. Você precisa estar com o MongoDB rodando localmente ou por um container do docker para que a aplicação funcione corretamente.

Maiores detalhes sobre o funcionamento da aplicação podem ser encontrados no README do frontend e do backend.

Frontend

O README referente ao Frontend pode ser acessado aqui.

Backend

O README referente ao Backend pode ser acessado aqui.

Notas

Git, GitHub e Histórico de Commits

Este projeto utiliza a Especificação de Commits Convencionais, com alguns tipos da convenção Angular. Além disso, foi utilizado o pacote conventional-commit-cli

⬆ Voltar ao topo