Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rodrigosadev/meteora

Loja de roupas fictícia desenvolvida com Angular, TypeScript, Bootstrap, NgRX, Karma & Jasmine.
https://github.com/rodrigosadev/meteora

angular bootstrap jasmine karma ngrx typescript

Last synced: 5 days ago
JSON representation

Loja de roupas fictícia desenvolvida com Angular, TypeScript, Bootstrap, NgRX, Karma & Jasmine.

Awesome Lists containing this project

README

        

# Meteora

Meteora é um aplicativo web moderno e interativo que simula uma plataforma de e-commerce para uma loja de roupas fictícia. Desenvolvido em Angular, este projeto busca oferecer uma experiência de compra virtual agradável e intuitiva para os usuários.

## Recursos Principais

- Catálogo de Produtos
- Seções com Produtos Específicos
- Carrinho de Compras
- Sistema de Login
- Formulário de pagamento validado
- Modal de Login com formulário validado

## Tecnologias
- Angular
- TypeScript
- Bootstrap
- Karma
- Jasmine
- NgRx

## Projeto Completo (Web)

https://github.com/RodrigoS2050/Meteora/assets/97991094/46e47d4a-7fcf-4ac3-83b1-6214ac04e322

https://github.com/RodrigoS2050/Meteora/assets/97991094/10a1f8a6-2e63-4100-b440-04c417aad554

## Projeto Completo (Mobile)
Este é um projeto totalmente responsivo utilizando o Bootstrap

https://github.com/RodrigoS2050/Meteora/assets/97991094/deb03e2c-9b78-4e04-9216-5b97e5a074e7

## Testes Unitários
Este projeto utiliza o Karma e o Jasmine para criação de testes unitários.

![Captura de tela 2023-06-27 200124](https://github.com/RodrigoS2050/Meteora/assets/97991094/a5e92f41-0ce1-468c-a57b-26eac0c617f8)

![Captura de tela 2023-06-27 200141](https://github.com/RodrigoS2050/Meteora/assets/97991094/c77f97c6-3eb3-47e8-9bfb-845fb644b060)

![Captura de tela 2023-06-27 200207](https://github.com/RodrigoS2050/Meteora/assets/97991094/2e0b5924-4e75-45eb-9968-afd72c8a2f98)

# 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/Meteora.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.

## Executando testes
Este projeto utiliza o Karma e o Jasmine para execução de testes. Para rodar os testes unitários, utilize o seguinte comando:
`ng test`

Isso iniciará a execução dos testes e mostrará os resultados no terminal.