• The website is live and can be accessed in the following url: https://yoga-app-django-m4.herokuapp.com/

• This is an app where users can buy and access the content for different yoga courses.

• Flow Yoga App has the intention of selling yoga courses to users.
• Users should be able to complete a checkout, buy a course and access its content from their dashboard page.
• Users should be able to contact a teacher or admin via form
• Admins sould be able to see user inquiries.
• Admins should be able to create, update & delete courses.
• Admins should be able to create, update & delete teachers from the admin area.

• As a user I want to:

  • be able to register
  • be able to login
  • be able to see a dashboard with my courses inquiries
  • be able to see a dashboard with my purchased courses
  • be able to logout
  • be able to contact the teacher or admins via form
  • be able to complete a checkout
  • be able to see the content for the courses that I've bought

• As an admin I want to:

  • be able to create, update & delete a course
  • be able to create, update & delete teachers
  • be able to create, update & delete contacts

• Minimal and clean look
• Use Flow Yoga logo for both, frontend and admin pages
• Mobile friendly
• Simple, straight forward checkout
• Easy navigation

Relational DB Schemas

• yoga_app
  • This contains all core project files and static folders.

• Accounts: - This deals with registration, login, logout and user dashboard functionality

• Contacts: - This deals with user contact information and emails functionality

• Courses: - This deals with general courses and individual courses functionality

• Pages: - This deals with home and about pages functionality

• Teachers: - This deals with teachers information functionality

• This directory contains all templates organized in separate directories
• Most page templates extend from base.html

• Accounts Model:

  • user
  • course
  • txn_id
  • currency
  • amount
  • stripe_customer
  • is_paid
  • created_at
  • updated_at

• Course Model:

  • teacher
  • title
  • lessons
  • description
  • price
  • start_date
  • main_pic
  • pic_1
  • pic_2
  • pic_3
  • is_published
  • students

• Contact Model:

  • course
  • course_id
  • name
  • email
  • phone
  • message
  • contact_date
  • user_id

• Teachers Model:

  • name
  • teacher_pic
  • description
  • email
  • phone

• HOME

  • mobile
  
  • tablet
  
  • desktop
  

• ABOUT

  • mobile
  
  • tablet
  
  • desktop
  

• REGISTER

  • mobile
  
  • tablet
  - desktop

• LOGIN

  • mobile
  
  • tablet
  
  • desktop
  

• INDIVIDUAL COURSE

  • mobile
  
  • tablet
  
  • desktop
  

• COURSE - CONTACT US MODAL

  • mobile
  
  • tablet
  
  • desktop
  

• HTML5
• CSS3
• Javascript
• Python
• Django
• Bootstrap

• Bootstrap
  • Bootstrap was used to assist with the responsiveness and styling of the website.
• Google Fonts
  • Google fonts were used on all pages throughout the project.
• Font Awesome
  • Font Awesome was used on all pages throughout the website to add icons for aesthetic and UX purposes.
• JQuery
  • jQuery came with Bootstrap to make the navbar responsive but was also used for the smooth scroll function in JavaScript.
• Git
  • Git was used for version control by utilizing the Gitpod terminal to commit to Git and Push to GitHub.
• Github
  • GitHub is used to store the projects code after being pushed from Git.
• Balsamiq
  • Balsamiq was used to create the wireframes during the design process.
• Canva
  • https://canva.com was used to create the logo
• AWS S3
  • AWS S3 was used to store static files for the heroku deployment.
• Lightbox
  • Lightbox is used in the individual course pages for the thumbnail images.

• The W3C Markup Validator and W3C CSS Validator Services were used to validate every page of the project to ensure there were no syntax errors in the project.
• The PEP8 validator was used to validate every page of the project to ensure the all python files are pep8 compliant

• Further unit tests need to be created.

• Success and Cancel checkout pages could use a bit more work as they are a fairly simple redirect from stripe at the moment.
• Courses content should be individualized for each course, we currently have the course content (lessons and videos) hardcoded.
• Validations during registration could use a bit more customization.

• Steps on Github:

  • Go to https://github.com/zippote/yoga-app
  • Click Code
  • Select HTTPS and copy the following url https://github.com/zippote/yoga-app.git

• Steps on your local:

  • Create a destination folder in your local >> ie: myFolderExample in the C drive
  • Open the cmd and move to that folder >> cd C:\myFolderExample
  • Type the following command: git clone https://github.com/zippote/yoga-app.git
  • Hit enter and wait until the process is completed
  • Open the project using your favourite IDE
  • Fields that will need editing after local deployment:
    • email inbox in settings

    # lines 161 to 166 for email configuration
    EMAIL_HOST_USER = "[email protected]"
    EMAIL_HOST_PASSWORD = "fakepass1"

    • postgres database settings in settings.py. Alternatively, the default django sqlite can be used.

    # lines 98 to 104 for postgres db configuration
    "default": {
        "ENGINE": "django.db.backends.postgresql",
        "NAME": "<your_app_name>",
        "USER": "postgres",
        "PASSWORD": "<your_password>",
        "HOST": "localhost",
        "PORT": "<your_port>",

    • contacts view.py line 38 for primary and secondary emails

    # send email
    send_mail('Yoga Course Inquiry',
              'There has been an inquiry for ' + course +
              '. Sign into the admin panel for more info.',
              '[email protected]',
              [teacher_email, '[email protected]'],
              fail_silently=False)

• Step 1: Clone and run the flow yoga app Locally by following the steps above.

• Step 2: Create or link your remote and local GitHub repositories.

• Step 3: In your app create a requirements.txt file using the terminal command:

pip freeze > requirements.txt

• Create a Procfile with the terminal command :

echo web: python app.py > Procfile

• The Procfile should contain:

web: gunicorn your_app_name.wsgi:application

• Do a git add and git commit for the new requirements and Procfile and then git push the project to Github.

• Step 4: Connecting to Heroku

• Create a new app on the Heroku website by clicking the "New" button in the dashboard. Give it a name and set the region.

• From the Heroku dashboard of your newly created application, click on "Deploy" > "Deployment method" and select Github.

• Confirm the linking of the Heroku app to the correct Github repository.

• In the Heroku dashboard for the application, click on "Resources" search and select "Heroku Postgres"

• In the Heroku dashboard for the application, click on "Settings" > "Reveal Config Vars".

• Set the following config vars and save all changes:

Config Vars

• In setting.py search for ALLOWED_HOST for heroku, line 22. This will need to be updated:

      ALLOWED_HOSTS = ["your_app_name.herokuapp.com"] 

• In setting.py search for Heroku DB details in lines 87 to 94. This will need to be updated:

      DATABASES = {
      # HEROKU DATABASE_URL
      "default": dj_database_url.parse(
          "your_heroku_postgress_key_here"
      )}

• Do a git add and git commit again

• In the Heroku dashboard for the application, click on "Deploy" >> "Manual Deploy" >> Select the branch you want to deploy and click Deploy Branch.

• Bootstrap template: https://github.com/twbs/bootstrap/blob/master/

• All images are royalty free and were taken from https://unsplash.com
• Logo, success and cancel checkout images were created using https://canva.com
• There are 2 youtube videos with yoga exercises which were picked at random:
  • https://www.youtube.com/watch?v=7OJY0iQwzoo
  • https://www.youtube.com/watch?v=yetbSrCW1TQ
• Text content was taken from several yoga websites such as: www.gaia.com, yoga.ie and others.
• All teachers and yoga courses are fake.

• udemy.com:

  • Jose Portilla (Python and Django full stack)
  • Rathan Kumar (Django Ecommerce)
  • Max Schwarzmuller (Python Django - Practical Guide)

• youtube.com channels:

  • Pyplane
  • JustDjango
  • Dennis Ivy
  • Code Keen
  • Pretty Printed

• stackoverflow.com for general troubleshooting