Preview • About • Run • Technologies • Concepts • Features • Author • License
Front-end deployed at Netlify to see: Click Here
💻Desktop | 📱 Mobile |
---|---|
Application built to practice some concepts of my Angular Study's Group.
This project is my Angular version of the project of the Next Level Week #05
event by Rocketseat 🚀
To run this project you need to clone this repository, have the Node Package Manager (NPM
) or the YARN Package Manager (YARN
) installed.
🌐 FrontEnd
Open the command prompt in the project directory at ng-podcastr
, and execute the following commands:
with npm
# Install dependencies
$ npm install ou npm i
# Start development server
$ ng serve --open ou ng s -o
with yarn
# Install dependencies
$ yarn install
# Start development server
$ ng serve --open ou ng s -o
⚠️ The development server will start on port: 4200 - Access http://localhost:4200
🖥 BackEnd
Open the command prompt in the project directory at ng-podcastr, and execute the following commands:
with npm
# Install dependencies
$ npm install ou npm i
# Start development server
$ npm run server
with yarn
# Start development server
$ yarn run json
⚠️ The development server will start on port: 3000 - http://localhost:3000/episodes
🌐 FrontEnd | 🖥 BackEnd |
---|---|
Angular 11 | Json-Server |
Angular Material 11 | |
SASS | |
TypeScript 4.1 | |
Rxjs 6.6.0 |
📄 |
---|
@Output, @Input, e @Inject Decorators |
Template Variables |
Event and Property Binding |
Services |
Subject, Behavior Subject |
Custom Injection Token |
Material Components |
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.