Skip to content

WordPress Website for Everywoman's Health Centre. Built with PHP, JS, HTML and CSS.

Notifications You must be signed in to change notification settings

juliabrowne/ewh-summer-2018

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

This project was the final for the 2018 Summer semester of the Red Academy web development program. It involved forming groups and redesigning a functional website for a community project.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Installation

  1. Download me (don't clone me!) Then add me to your wp-content directory.

  2. Install the dev dependencies Next you'll need to run npm install inside your theme directory next to install the node modules you'll need for Gulp, etc.

  3. Update the proxy in gulpfile.js Lastly, be sure to update your gulpfile.js with the appropriate URL for the Browsersync proxy (so change localhost[:port-here]/[your-dir-name-here] to the appropriate localhost URL).

Prerequisites

What things you need to install the software and how to install them

Examples

Installing A step by step series of examples that tell you how to get a development env running

RED Academy Vancouver 1490 W Broadway Vancouver, BC V6H 4E8 Canada office: 778-379-7175

=======

Everywoman's Health Centre

What is this project?

This is the final project of our Web Development course at RED Academy, and our first time experiencing what development is like working as a team. The goal was to work with the UI/UX designers to develop an updated website for Everywoman's Health Centre.

What is Everywoman's Health Centre?

They are an abortion and sexual health clinic based in Vancouver which provide aspiration abortion, medical abortions, IUD insertions, miscarriage management, and other reproductive health care.

What did you learn?

One of the biggest takeaways we took from this project is being able to work together in a way that is time efficient, and keeps the code consistent while encountering as few merge conflicts as possible. We also got to experiement more with the WordPress interface, gaining more experience with various commonly seen plugins such as Gutenberg and Contact Form 7.

What technologies were used?

  • PHP
  • Sass
  • WordPress
  • MAMP (As a local server)
  • JavaScript ES5
  • jQuery
  • Gulp

Setup

1. Download me (don't clone me!)

Then add me to your wp-content directory.

2. Install the dev dependencies

Next you'll need to run npm install inside your theme directory next to install the node modules you'll need for Gulp, etc.

3. Update the proxy in gulpfile.js

Lastly, be sure to update your gulpfile.js with the appropriate URL for the Browsersync proxy (so change localhost[:port-here]/[your-dir-name-here] to the appropriate localhost URL).

Front Page Sample

ewh-gif

Authors

Devin Juett

[email protected]

Emilio Lombana

[email protected]

Joe Roback

[email protected]

Julia Browne

[email protected]

About

WordPress Website for Everywoman's Health Centre. Built with PHP, JS, HTML and CSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 77.4%
  • PHP 19.1%
  • JavaScript 3.5%