Entramos en materia, para crear la aplicación web de una sola página (Web SPA) con AngularJs necesitamos saber qué queremos que haga y qué queremos que tenga, en relación a funcionalidad. También tendremos que considerar a quién va dirigido (ámbito).
En este caso, la aplicación (en adelante App) será de notas, cuales Post-it’s de antaño e irá dirigido a cualquiera que entre en nuestra web.
Te preguntarás porque ooootra App de notas habiendo tantas en Internet, pues..la respuesta es simple, en cuanto a funcionalidades tiene muchas e interesantes y que programando ÉSTA, sentará las bases para construir cualquiera que nos propongamos, más grandes e importantes.
He estado leyendo tutoriales y viendo videotutoriales y ninguno crea una App tan completa , de principio a fin, desde el Frontend hasta el Backend sin que queden huecos vacíos y problemas que le surgen a uno cuando programa de forma autodidacta.
La App de notas, tendrá las siguientes funcionalidades y en los siguientes posts, iremos creando uno a uno, a saber:
- Inicio de sesión de usuarios mediante email y constraseña (Login/Sign In/Enter).
- Inicio de sesión por red social (Social Login/Authentication).
- Registro de usuarios (Signup/Register/Create Account).
- Verificación de cuenta mediante email (Account Verification Email).
- Recuperación de contraseña (Password Reset Link).
- Modificación de contraseña (Password Change).
- Creación,Lectura,Actualización y Borrado de notas (CRUD Operations).
- Ordenación ascendente/descente de notas (ASC/DESC Sorting).
- Filtrado de notas (Filtering).
- Búsqueda de notas (Searching).
- Subida de imágenes tanto en perfil de usuario como en notas (Upload images).
- Transiciones entre páginas (Page transitions with animations)
- Internacionalización i18n (Localization).
- Geolocalización inversa (Reverse Geocode).
- Cuadros de diálogo para confirmación/cancelación de una acción (Dialogs).
- Mensajes de alerta para confirmación de acción realizada o error de validación de formulario (Toast).