<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!--Bootstrap, StyleSheets and Fonts -->
<link
href="https://fonts.googleapis.com/css?family=Lato:100,300,400&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.8.0/css/all.css"
/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="main.css" />
<!-- Favicons -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="assets/favicons/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="assets/favicons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="assets/favicons/favicon-16x16.png"
/>
<link rel="manifest" href="assets/favicons/site.webmanifest" />
<!-- Page Title -->
<title>PLCoster's UBC Software Development Projects</title>
</head>
<body>
<header>
<nav class="navbar navbar-expand-md navbar-dark fixed-top" id="navbar">
<a class="navbar-brand" id="logo" href="index.html">Paul L. Coster </a>
<!--Navbar buttons-->
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="projects.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/PLCoster"
><i class="fab fa-github"></i> Github</a
>
</li>
<li class="nav-item">
<a
class="nav-link"
href="https://uk.linkedin.com/in/paul-coster-a29b3948"
><i class="fab fa-linkedin"> </i> LinkedIn</a
>
</li>
</ul>
</div>
</nav>
</header>
<!--Main Page Content-->
<main role="main">
<section class="jumbotron text-left">
<div class="container">
<h1>UBC Software Development Projects</h1>
<p class="lead">
Here are some of the projects I have completed for
<a href="https://www.edx.org/micromasters/ubcx-software-development"
>The University of British Columbia's Software Development
MicroMasters</a
>
course:
</p>
<p>
<a href="projects.html" class="btn btn-primary my-2"
>Back to All Projects</a
>
</p>
</div>
</section>
<div class="album py-5">
<!-- UBC Software Development Courses -->
<div class="container">
<h2>Software Development Capstone</h2>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12">
<div class="card mb-4 shadow-sm">
<img
src="assets/Projects/ubc_sd/campus_explorer.png"
class="card-img-top"
alt="Black text of 'Campus Explorer' on a background of the project web UI"
/>
<div class="card-body">
<h3 class="card-title">UBC Campus Explorer</h3>
<p class="card-text">
A full-stack web application allowing users to query the UBC
courses and rooms databases using a custom query syntax. The
backend is built in TypeScript with a restify web server,
while the frontend is built using JavaScript.
</p>
<p class="tech-icons">
<img
src="assets/Icons/typescript.png"
title="TypeScript"
alt="TypeScript Logo"
/>
<i class="fab fa-js-square" title="JavaScript"></i>
<img
src="assets/Icons/restify.png"
title="restify"
alt="restify.js Logo"
/>
<img
src="assets/Icons/mocha.png"
title="mocha.js"
alt="mocha.js Logo"
/>
<img
src="assets/Icons/chai.png"
title="chai.js"
alt="chai.js Logo"
/>
</p>
<div
class="d-flex justify-content-between align-items-center"
>
<div class="btn-group">
<a
href="https://ubc-campus-explorer.fly.dev/"
class="btn btn-primary my-2"
>Live Site</a
>
</div>
<div class="btn-group">
<a
href="https://github.com/PLCoster/ubc_softdev_capstone"
class="btn btn-primary my-2"
><i class="fab fa-github"></i> Source Code
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<hr />
</div>
</div>
</main>
<!--Footer-->
<footer class="navbar fixed-bottom" id="footer">
<span class="footer_text">© 2020 P.L.Coster</span>
</footer>
<!-- Optional Bootstrap JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"
></script>
</body>
</html>