Skip to content

Building yoga daily practice a basic application using ionic 5 capacitor. Try to stabling MVC pattern and clean code with interactive UI with Ionic 5 basic UI components

Notifications You must be signed in to change notification settings

ArnabDutta246/ionic_yoga_app

Repository files navigation

☕ My message

Still working to complete this application and add new features which may helpful for building any other applications. If you finds this repository helpful 👍 please give star ⭐ this support encourage me a lot 💪
#Staysafe_keep_coding😊


🧘‍♂️ Daily yoga app

Building yoga daily practice a basic application using ionic 5 capacitor where you can keep routine, tracking progress and new on your yoga schedule 🧘‍♂️ in your application. Try to implement MVC pattern and clean code with interactive UI with Ionic 5 basic UI components


📋 Features now added

here I added all the completed component, services or features

  • Custom alert design with callback functionality
  • User on boarding (sign up page) with form validation
  • Sign in page with validation
  • Auth guard and session service intregated
  • Create, Read, Update and Delete functionlity added on Yoga

User signin and signup

Using ionic reactive form module with custome validation function implemented in user sign-in and sign-up form. Also intregated router guard and common session service to grab all current changes or update will be effected in any other modules or pages

Sign-In Page Sign-Up Page Custom alert Profile
Sign-In Page Sign-Up Page Validation Profile

CRUD actions of yoga set

Yoga list Create (using reactive form),update , delete and imediate response update in session and storage these actions are handled is module.State management system (with MVC) pattern implemented by using RXJs observables, Behaviour Subject.

Create Yoga List of Yoga Yoga Details CRUD Yoga
Create Yoga List yoga Details Crud action

Routine/Schedule

Using RXJs observables, Behaviour Subject person can set daily or weekly different day basis yoga prectice schedule. Where person can set or update yoga schedule.

Create Yoga List of Yoga Yoga Details CRUD Yoga
Daily yoga list List yoga Create daily yoga list Create daily yoga list

Languages and Tools:

Sass

JavaScript

Angular

Typescript



Used resource credit

In this application I user some yoga information, images and vetor arts is not belongs to me.All of this resoures and there credit given bellow

About

Building yoga daily practice a basic application using ionic 5 capacitor. Try to stabling MVC pattern and clean code with interactive UI with Ionic 5 basic UI components

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published