https://github.com/rodrigosadev/virtual-store

Loja Virtual desenvolvida com Angular, TypeScript, NgRx, Sass (Scss) & Bootstrap
https://github.com/rodrigosadev/virtual-store

angular bootstrap ngrx rxjs scss typescript

Last synced: 2 months ago
JSON representation

Loja Virtual desenvolvida com Angular, TypeScript, NgRx, Sass (Scss) & Bootstrap

• Host: GitHub
• URL: https://github.com/rodrigosadev/virtual-store
• Owner: RodrigoSADev
• Created: 2023-07-06T16:28:03.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-07-11T02:38:21.000Z (almost 3 years ago)
• Last Synced: 2025-01-10T17:53:43.667Z (over 1 year ago)
• Topics: angular, bootstrap, ngrx, rxjs, scss, typescript
• Language: TypeScript
• Homepage: https://virtual-store-rs.netlify.app
• Size: 220 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Loja Virtual

É um projeto de um site para uma Loja de Eletrônicos fictícia desenvolvido por mim durante o curso de React da [Origamid](https://www.origamid.com) adaptando para o Angular. Realizei algumas melhorias no projeto com objetivo de me desafiar e criar um projeto mais robusto, as melhorias foram: 

- Projeto totalmente recriado em Angular e TypeScript

- Adição da biblioteca NgRx para gerenciamento de estado da aplicação

- Criação de botão de compra dos produtos

- Área de pagamento com Formulário Validado

- Mensagem de conclusão de compra

- Adição do Boostrap e Sass para estilos do projeto

## Tecnologias

- Angular

- TypeScript

- Bootstrap

- Sass

- RxJS

- NgRx

## Projeto Completo (Web)

![Loja Virtual 01](https://user-images.githubusercontent.com/97991094/186285320-5b465547-df5f-4177-9e03-889f62f23218.gif)

![Loja Virtual 02](https://user-images.githubusercontent.com/97991094/186285710-79a54f6d-77e5-437b-a6c7-5d4800412bee.gif)

## Projeto Completo (Mobile)

Projeto 100% responsivo apenas quebrando grid.

![Loja Virtual 03](https://user-images.githubusercontent.com/97991094/186286015-542fcc01-7ef0-4f07-85d0-86552030a502.gif)

![Loja Virtual 04](https://user-images.githubusercontent.com/97991094/186286039-e88d5568-6830-45c9-bf7a-e8082a8de823.gif)

# Como rodar o projeto na sua máquina

## Pré-requisitos

Antes de começar, certifique-se de ter as seguintes ferramentas instaladas em sua máquina:

- Node.js (versão 12 ou superior)

- Angular CLI (versão 12 ou superior)

## Configuração do projeto

Siga os passos abaixo para configurar o projeto em sua máquina:

Clone o repositório para o seu ambiente local:

`git clone https://github.com/RodrigoS2050/Serenatto.git`

Navegue até o diretório do projeto:

`cd nome-do-repositorio`

Instale as dependências do projeto:

`npm install`

## Executando o projeto

Após a configuração, você pode executar o projeto localmente. Utilize o seguinte comando:

`ng serve`

A aplicação estará disponível em http://localhost:4200/. A página será recarregada automaticamente sempre que houver alterações no código.