CampusNow

CSC 307, Section 5, Team 3
Winter 2020, California Polytechnic State University

About

CampusNow is a web application that allows users to browse, search for, and post events that are occurring near them. The app uses a street map and pins to allow users to easily visualize where events are taking place, as well as a side bar that provides a list of upcoming events and an interface to perform the CRUD actions (post, view, edit, and delete events).

Tech Stack

Front-end: Svelte (via Rollup and Node.js)

View components such as <Map>, <Event>, and <Login> are defined in .svelte files, including HTML markup, CSS styles/animations, and JavaScript functionality
The client-side JavaScript fetch() API makes HTTP requests to the REST API backend
The components and JavaScript code are compiled into static HTML/CSS/JavaScript assets via Svelte's Node.js Rollup process

Maps API: Leaflet.js with OpenStreetMap

Front-end JavaScript library, Leaflet.js, provides utility methods for rendering an interactive map, pins, and popups
Map data is served from OpenStreetMap

Back-end: ASP.NET Web API framework

DTOs transfer data between client and backend
controller receives requestDTO from frontend and passes data into corresponding repository
repository gets or sets data in sql db, returns data back to controller
controller returns data from repo as DTO to client

CI / Deployment: Microsoft Azure

azure automated builds triggered at every push to backend repo
pull only backend solution (includes backend, tests, DTOs) from repo
restores dependencies using nuget restore
builds entire backend solution
runs all test cases in tests project only if build success
deploys to azure app service campusnowbackend.azurewebsites.net only when builds and tests pass