/Ionic4-Music-Starter

Curso de Ionic 4 con Angular - Platzi Music -Desarrolla Platzi Music una aplicación de música en la que aprendes todas las funcionalidades de Ionic y cómo trabajarlo desde cero, sólamente con bases de Agular, esta aplicación tiene la capacidad de buscar artistas, mostrarte favoritos, reproducir fragmentos de tu canción reales directo del API de Spotify, además, crear tu perfil implementando acceso a la cámara con capacitor e igualmente generar una vista sport que trackea tu recorrido y te permite reproducir música desde ahí accediendo al GPS.

Primary LanguageTypeScript

Curso de Ionic 4

Build Status

Proyecto del curso

proyect

Platzi Music

Desarrolla Platzi Music una aplicación de música en la que aprendes todas las funcionalidades de Ionic y cómo trabajarlo desde cero, sólamente con bases de Agular, esta aplicación tiene la capacidad de buscar artistas, mostrarte favoritos, reproducir fragmentos de tu canción reales directo del API de Spotify, además, crear tu perfil implementando acceso a la cámara con capacitor e igualmente generar una vista sport que trackea tu recorrido y te permite reproducir música desde ahí accediendo al GPS.

How to use this starter?

If you only want to use this starter, you can download from Ionic Starter Page but please please 🙏 please give me an start in the repo, I would love it and you will motivate me to keep improving this starter,any advice or suggestion is very welecome throught comments or Pull Requests. ❤️

You can see the demo here

Development

After you have cloned the repo you need to have installed the last version if Ionic in your machine:

npm install -g ionic

Then make sure you install the dependencies:

npm install

Finally run or build the app

ionic serve
ionic build

NOTE: Remember to change your Google Maps API Key in your environment.ts file!

Motivation

During my latest course about Ionic 4 with Platzi, I created this awesome App that group all the main functionalities that an Ionic 4 application should have, I have use sign in and sign up authentication using only the LocalStorage, I have used Angular Maps for the sports mode and GPS tracking.

Features

  1. GPS and Camera plugins implemented and used.
  2. Angular Navigation.
  3. Tabs with Side Menu combined.
  4. Sign In and Sign Up from LocalStorage
  5. Easy connection with the Backend thanks to @platzi

Screenshots

Contributing

Thanks for your interest in contributing! There are many ways to contribute to this project. Please rise a Bug or a PR to get started.