Visualizar • Sobre • Executar • Tecnologias • Conceitos • Funcionalidades • Autor • Licença
Deploy do front-end efetuado no Netlify para visualizar: Clique Aqui
| 💻Desktop | 📱 Mobile |
|---|---|
 |
 |
Minha versão da aplicação proposta pela Next Level Week #05 da Rocketseat 🚀 utilizando o Angular.
Para executar esse projeto você precisa baixar este repositório, ter o Gerenciador de Pacotes do Node (NPM) ou o Gerenciador de Pacotes YARN (YARN) instalado.
🌐 FrontEnd
Abra o prompt de comando no diretório do projeto na pasta ng-podcastr, e execute os seguintes códigos:
com npm
# Instalar dependências
$ npm install ou npm i
# Iniciar o servidor de desenvolvimento
$ ng serve --open ou ng s -o
com yarn
# Instalar dependências
$ yarn install
# Iniciar o servidor de desenvolvimento
$ ng serve --open ou ng s -o
⚠️ O servidor de desenvolvimento será iniciado na porta: 4200 - Acesse http://localhost:4200
🖥 BackEnd (json-server)
Abra o prompt de comando no diretório do projeto na pasta ng-podcastr, está é a pasta onde esta localizado o db.json, e execute os seguintes códigos:
com npm
# Iniciar o servidor de desenvolvimento
$ npm run json
com yarn
# Instalar dependências
$ yarn install
# Iniciar o servidor de desenvolvimento
$ yarn run json
⚠️ a api será iniciada na porta: 3000 - Acesse http://localhost:3000/episodes
| 🌐 FrontEnd | 🖥 BackEnd |
|---|---|
| Angular 14 | Json-Server |
| Angular Material 14 | |
| SCSS | |
| TypeScript 4.6.4 | |
| Rxjs 7.5.0 | |
| Concurrently" 6.0.2 |
| 📄 |
|---|
| @Output, @Input, e @Inject Decorators |
| Template Variables |
| Event and Property Binding |
| Observable Data Service |
| Subject, Behavior Subject |
| Custom Injection Token |
| Material Components |
| DI Injection Functions |
| HTML Audio Element Handling |
| 📄 |
|---|
| Play, Next, Pause, Shuffle, Looping |
| Local Storage Service for production |
| Responsive Layout |
| Dark Theme |
| Custom Error State Matcher |
| Hour Custom Pipe |
| Custom Scroll Bar |
Copyright © 2021 Gleison Almeida.
This project is licensed by MIT.