Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/rodrigosadev/serenatto

Projeto de uma cafeteria fictícia desenvolvida com Angular
https://github.com/rodrigosadev/serenatto

angular bootstrap jasmine karma sass typescript

Last synced: 23 days ago
JSON representation

Projeto de uma cafeteria fictícia desenvolvida com Angular

Awesome Lists containing this project

README

        

# Serenatto

O Serenatto é uma cafeteria fictícia projetada para proporcionar uma experiência única aos amantes de café. Combinando um ambiente acolhedor e aconchegante com uma variedade de bebidas e produtos de alta qualidade, nossa cafeteria promete encantar seus sentidos e despertar a paixão pelo café.

## Recursos Principais

- Modal
- Navbar Offcanvas
- Accordion List
- Formulário
- Smooth Scroll
- Dark Mode

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

## Projeto Completo (Web)

https://github.com/RodrigoS2050/Serenatto/assets/97991094/95d238ab-d83a-4f5e-9706-e8bd102db90b

https://github.com/RodrigoS2050/Serenatto/assets/97991094/42d9f140-b1fc-4d4e-8deb-96026f430aa2

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

https://github.com/RodrigoS2050/Serenatto/assets/97991094/da9ff951-e969-498a-904d-9ec0c28a3092

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

![Captura de tela 2023-06-28 200733](https://github.com/RodrigoS2050/Serenatto/assets/97991094/7b2def97-9403-429a-83b5-1a8dd44c0c77)

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

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