Deployment to production ready

Production version ready

Search, Menu Services and AdminGuard

• Global search component
• Server-side menu
• AdminGuard - A guard to check if you are an administrator
• Retrieve TOKEN information from the front-end without intermediary communication
• Error handling

Doctors and Hospitals

• Task explanation
• Task documents
• Details about the image pipe
• Task resolution
• Doctor and Doctors component
• Delete doctors
• Create new doctor
• Display information based on a hospital selection
• Upload doctor
• Update doctor record

User maintenance and image loading modal

• Create users component
• User search
• Delete user
• Update User Role
• Create a modal for image upload
• Issue image change notifications

User Profile, Photo Upload

• Image upload from Front-end to Back-end
• Create the user profile component
• Notify image update
• Preview of the selected image in real time (without uploading it to the backend)

Implement user login and registration in the Frontend

• Connect the Front-end with the Back-end (login)
• Use Sweet Alert to show messages
• Normal user login
• Google Login
• LocalStorage to store tokens
• Basic route protection
• Logout

Observables and Promises

• Promises and functions that return promises
• Create an observable manually
• Observable operators such as:
  • Retry
  • Map
  • Filter
  • Next
• Functions that return observables
• Current page tracking component
• Observables to read route configuration parameters that are different from route parameters by url
• Change the metatags depending on the page where we are
• Change the title of the current page

Basic services, themes, basic routes and persistence of settings

• Module to group all services
  • Router
  • RouterLink
  • Services
• Run scripts in pure JavaScript files, in TypeScript
• LocalStorage
• Change CSS dynamically
• Create a component for theme settings
  • Theme

@Inputs, @Outputs and Graphics

• Outputs, Inputs
• Custom attributes
• Reusable component with a specific functionality
• Use of graphics as custom components

Routes Ready

• Create a custom module
• Create daughter routes