ACAP Video Tutorials
Introduction
This wiki discusses the development and cloud deployment approaches and strategies used with ACAP 1.0 (ACAP-Bicol) (opens in a new tab). This page aims to serve as a go-to reference for demonstrating technical methods in videos under the Playlist section and to provide general guidelines and recommended approaches to interact with the ACAP 1.0 source codes.
These video tutorials for setting up ACAP were created with compatibility to the initial ACAP (ACAP 1.0, with the last stable version at Release/Tag v9.5.6) released in 2023 but should be more or less still compatible with the newer ACAP versions.
Newer ACAP versions with drastic new updates may no longer sync with these video tutorials.
Tutorials
Playlist
(Please turn on the CC captions/subtitles and set the playback speed to 2x when watching the videos.)
Checklist
Requirements
How to Proceed
-
Quickly view and skim thru the videos under the Playlist section to get a quick grasp and summary of how ACAP-Bicol is initialized for local development to online (live) deployment.
-
Initialize ACAP for your target region for localhost development by going thru the ACAP 1.0 Duplication for New Regions Running on Localhost (Development) Tutorial (opens in a new tab).
- At this point, you may want to refer to the online video tutorials for more detailed demonstration on several topics related for ACAP's localhost development:
- 06 Initialize the Source Code Repository - Part 1/2 (opens in a new tab)
- 07 Initialize Firebase (Firestore, Storage, Authentication) (opens in a new tab)
- 08 Server setup for localhost development (opens in a new tab) (Testing on Region 7)
- 09 Client setup for localhost development (opens in a new tab) (Testing on Region 7)
- Run your client + server ACAP on localhost. Visit and check Initial ACAP 1.0 Duplication Checklist (opens in a new tab) to see if your ACAP initialization fits with success several success metrics for localhost development
- At this point, you may want to refer to the online video tutorials for more detailed demonstration on several topics related for ACAP's localhost development:
-
Online deployment is next after finishing and wrapping up running ACAP on localhost.
- Online deployment is quite flexible and you may use new methods, techniques and services which you may be more familiar with.
- You may also follow ACAP's methods for these areas, which are described and demonstrated in more detail in the tutorial videos:
- 10 Deployment to Development Environment
- 11 Deployment to Production Environment
Video List
- 01 Create GitHub Account (opens in a new tab)
- 02 Create GitHub Repositories (opens in a new tab)
- 03 Create Firebase Projects (opens in a new tab)
- 04 Create Render Accounts (opens in a new tab)
- 05 Create a Semaphore Account (opens in a new tab)
- 06 Initialize the Source Code Repository - Part 1/2 (opens in a new tab)
- 06 Initialize the Source Code Repository - Part 2/2 (opens in a new tab)
- 07 Initialize Firebase (Firestore, Storage, Authentication) (opens in a new tab)
- 08 Server setup for localhost development (opens in a new tab) (Testing on Region 7)
- 09 Client setup for localhost development (opens in a new tab) (Testing on Region 7)
- 10 Deployment to Development Environment
- 11 Deployment to Production Environment
Demo
These demos load the website front and backend (upon sign-in) with default Firestore data of the region we used throughout the tutorials (Region 7 provinces and municipalities). To follow updating full UI references of the "bicol" text in later updates.
Official Production Demo
https://region7-tutorial.github.io/ (opens in a new tab)