Challis Regan's Projects

MyFlix API

This is a custom RESTful API, which provides information about movies, titles, descriptions, genres, directors, images, features, users, and more. This API is used for my frontend apps MyFlix React and MyFlix Angular.

Technologies:
Node.js, HTML5, CSS3, and JavaScript

Code

MyFlix Client React App

MyFlix is a single-page web application which provides users with access to information about different movies, directors, and genres. Users are able to sign up, update their personal information, and create a list of their favorite movies. It uses my custom MyFlix API.

Technologies:
React, React-Bootstrap, HTML5, SCSS, and JavaScript

Case study
Code

Meet App

Meet is a serverless, progressive web application (PWA) where users can find events happening in various cities and filter the information. The app can also be used while offline.

Meet is a serverless, progressive web application (PWA) built with React using a test-driven development (TDD) technique. The front-end is written with JavaScript/React. The server logic is written with Node/Express as Lambda functions (FaaS) and is hosted on AWS. The serverless functions connect to the Google Calendar API.

User Stories

Feature 1: Filter Events By City
Feature 2: Show/Hide Event Details
Feature 3: Specify Number of Events
Feature 4: Use the App When Offline
Feature 5: Add an App Shortcut to the Home Screen
Feature 6: Display Charts Visualizing Event Details

Feature 1
As a user,
I should be able to filter events by city,
So that I can see a list of events taking place in that city.

Feature 2
As a user,
I should be able to show/hide event details,
So that I can read more about the event if I am interested.

Feature 3
As a user,
I should be able to specify the number of events,
So that I can customize my search results.

Feature 4
As a user,
I should be able to use the app when offline,
So that I can use the app without worrying about the internet connection.

Feature 5
As a user,
I should be able to add an app shortcut to the home screen,
So that I can find and open the app with fewer steps.

Feature 6
As a user,
I should be able to display charts visualizing event details,
So that I can better understand the data.

Technologies:

React,

Node,

Express,

Jest,

Jest Cucumber (Gherkin scenarios in Jest),

Puppeteer,

Atatus,

AWS Lambda,

HTML5,

CSS3,

JavaScript

Google Authentication, Google Calendar API

Technologies:
React, HTML5, CSS3, JavaScript

Code

Chat App

Chat App is a native chat app, for both Android and iOS devices. It sends and recieves text, pictures, locations, and audio recordings.

Home screen

Chat App sends and recieves text, pictures, locations, and audio recordings. Here is the case study.

User Stories

As a new user, I want to be able to easily enter a chat room so I can quickly star talking to my friends and family.
As a user, I want to be able to send messages to my friends and family members to exchange the latest news.
As a user, I want to send images to my friends to show them what I'm currently doing.
As a user, I want to share my location with my friends to show them where I am.
As a user, I want to be able to read my messages offline so I can reread conversations at any time.
As a user with a visual impairment, I want to use a chat app that is compatible with a screen reader so that I can engage with a chat interface.

Technologies:

React Native

Expo

Google Firestore Database

Android Studio

Gifted Chat UI Library AsyncStorage

NetInfo

Android Studio virtual devices

Node.js

JavaScript

,

Technologies:
React Native, Node.js, Google Firestore Database, and JavaScript

Case study
Code

MyFlix Client Angular App

MyFlix is a single-page web application which provides users with access to information about different movies, directors, and genres. Users are able to sign up, update their personal information, and create a list of their favorite movies. It uses my custom MyFlix API.

MyFlix is a single-page, responsive movie app built with Angular, with routing and several interface views. This client-side supports MyFlix API, the existing server-side code (REST API and database) by facilitating user requests and rendering the response from the server-side via a number of different interface views. MyFlix provides users with access to information about different movies, directors, and genres. Users are able to sign up, update their personal information, and create a list of their favorite movies.

User Stories

As a user, I want to be able to receive information on movies, directors, and genres so that I can learn more about movies I've watched or am interested in.
As a user, I want to be able to create a profile so I can save data about my favorite movies.

Technologies:

Angular

Angular Material

JSON Web Tokens (JWT)

TypeDoc

Node.js

HTML5

SCSS

TypeScript

Kanban board

Technologies:
Angular, Node.js, HTML5, SCSS and TypeScript

Code

Chop It Like It's Hot Django App

Chop It Like It's Hot is a recipe web app built with Django. Users can create and modify recipes with ingredients, cooking time, and a difficulty parameter that is automatically calculated by the app. Users are able to search for recipes by their name and/or ingredients.

Technologies:
Django, Python, SQLite/PostgreSQL, HTML, CSS, Bootstrap

Case Study
Code