Giter Club home page Giter Club logo

jonathanprojetos / project-our-shop-app-angular Goto Github PK

View Code? Open in Web Editor NEW

This project forked from imsamuelcovalero/project-our-shop-app-angular

0.0 0.0 0.0 1.43 MB

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.

Home Page: https://project-our-shop-app-angular.vercel.app

JavaScript 40.82% TypeScript 35.23% HTML 10.87% Dockerfile 0.31% SCSS 12.77%

project-our-shop-app-angular's Introduction

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

Visualização

Em construção

Project-Our-Shop-App-Angular

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 [email protected]: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

project-our-shop-app-angular's People

Contributors

imsamuelcovalero 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.