This site is an Ottawa Civic Tech volunteer project. It is not affiliated with the Government of Canada.
Is this blocked in my department.ca
This repository powers isthisblockedinmydepartment.ca.
This site uses the Gatsby default starter.
Before following the installation steps below, make sure that an up-to-date version of Node.js is installed on your computer. For more details on the development environment, see the Gatsby introductory tutorial.
How it works
Isthisblocked uses the gatsby-transformer-csv plugin to parse CSV files that contain data on departments and services.
The source data displayed on the website is in CSV format in the
organization_status.csv file is updated with new information on services that are open, restricted, or blocked in each department.
This data is anonymously crowdsourced from the Google Forms linked at https://isthisblockedinmydepartment.ca/suggest.
Raw data from these forms is manually added to the
Scores for each department are calculated using the criteria described on the Scoring page.
Future feature possibilities include:
- built-in data collection using Firebase or other back-end services
- embedded previews of services to quickly review which are blocked
- automatic tallying and averaging of crowdsourced data
For questions or feedback on this website, email email@example.com.
Install the Gatsby CLI.
# Install the Gatsby CLI globally npm install -g gatsby-cli
Clone this repository.
# Clone the repository git clone firstname.lastname@example.org:isthisblocked/isthisblockedinmydepartment.ca.git isthisblocked
Install package dependencies.
This may take several minutes to install.
cd isthisblocked/ npm install
Once all packages are installed successfully, start it up!
Open the source code and start editing!
Your site is now running at
Note: You'll also see a second link:
http://localhost:8000___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.
Open the the
isthisblockeddirectory in your code editor of choice and edit
src/pages/index.js. Save your changes and the browser will update in real time!
Deployment via GitHub Pages
If you fork this repository and use it with a different domain name, change the CNAME file in the
staticfolder, and enable GitHub Pages in your repository settings to match the domain name you specify, and to use the
To deploy new updates to the live version, run:
npm run deploy