TrackItUp

Table of Contents

• TrackItUp
• Mission
• Goals
• Team Members & Responsibilities
• Code snippets of interaction with RESTFul API
• Tools
• Resources
• Website URL
• ER Diagram
• Set Up and Run
• Run Development Server
• Run Production Server
• Charting

Mission

There are too many streaming apps and media apps. We wanted an easy way to track all of the media we consume.

Goals

• This app will allow users enter media forms that they are interested.
• They will also be able to track media as it updates.

Team Members & Responsibilities

1. Will Bedu

• Responsibilities: Frontend, Backend, Testing, Security, CI/CD, Infrastructure, and Submissions

2. Yashwanth Reddy Thadisina

• Responsibilities: Frontend, Backend, Testing

3. Monisha Suthapalli

• Responsibilities: Frontend, Backend, Database diagrams, Docker

Code snippets of interaction with RESTFul API

IMDB API Call

const moviedataurl = `https://imdb-api.com/en/API/Title/${api-key}/${movieId}`
const moviedata = await axios.get(moviedataurl)

Tools

• VSCode Editor
• Git for version control
• Postman for Testing

Resources

• Node.js
• Express.js
• Handlebars
• Passport.js
• Sqlite3
• Docker

Website URL

https://trackitup.net

ER Diagram

Set Up and Run

How to Build / Run Development Server

#clone repository

git clone https://github.com/UIC-CS484/assignment-2---final-project-repository-team17.git
cd assignment-2---final-project-repository-team17

## Install dependencies

npm i

## run dev Server

nodemon npm start

How to Build / Run Production Server

#clone repository

git clone https://github.com/UIC-CS484/assignment-2---final-project-repository-team17.git
cd assignment-2---final-project-repository-team17

## Install dependencies

npm i

## run Server

NODE_ENV=production node ./bin/www

Charting

Chart is generated using data from imdb-api.com while using chart.js to render the chart

This chart shows the movies which the user watches and categorizes them based on genres.