4key Productions

Biography

Nicole is a creative artist and marketing professional committed to assessing customer needs and designing customized solutions to meet their sales and marketing needs. She has a Bachelor of Arts in Animation from Collins College in Tempe, AZ. She is currently in the process of acquiring a Bachelor of Science in Web Development from Bellevue University in Bellevue, NE. Nicole is a perfectionist who has worked on many different styles of projects from invitations to corporate marketing material. Now she is learning to create websites not only using front end development but as well as back end development. She is a single mom, going to school and working fulltime. She loves being creative both at work and at home while enjoying time with her family.

bioSite Prototype

In our Web 200 class we were instructed to create a hand drawn sketch of our prototype. Then we had to take our sketch and create a final prototype of our bioSite layout. Here you will see my bioSite's final prototype. bioSite Prototype

Nicole's bioSite

After designing the bioSite using a prototype sketch this is the completed bioSite project using HTML and CSS. bioSite

Web 231 Repository

In Web 231, we were introduced to JavaScript. Throughout the class we learned about values and variables, functions,control statements, loops and closures, arrays and much more. In this repository, you will see all of the different types of projects we worked on. Web 231 Repository

Nicole's Personal Portfolio Prototype

In our Web 330 class we began creating our personal portfolio websites. Of course we started with a prototype sketch then moved on to building our site's. Here you will see an image of my personal portfolio's hand skeched prototype.
Personal Portfolio Prototype

Web 330 Repository

In Web 330, we not only continued working with JavaScript but we also began learning about JavaScript design patterns. In this repository you'll see the different types of projects we have worked on utilizing JavaScript design patterns.
Web 330 Repository

JS Wizard Trivia

In JavaScript II, working in groups of three we had to create a working SPA using Knockout.js templating. The application had to contain 10 questions with a results page at the end.

Group Project Repository
API Gateway

We have been working on an API Gateway within SOAPUI. This image will take you to the gateway that was deployed using Heroku.
API Gateway Heroku Deployment

Composer-App

We have been learning Angular and how to build an Angular application. This is an example of a composer application we created in our class.
Angular Composer Application

Gpa-Calculator-App

We have been learning Angular and how to build an Angular application. This is an example of a gpa calculator application we created in our class.
Angular Gpa Calculator Application

In-N-Out-Books-App

We have been working on an application linked to an API in order to search and create a wish list from using Angular. This image will take you to the application that was deployed using Angular TypeScript.
Angular In-N-Out-Books Application

Bobs-Computer-Repair-Shop

We have been working on an application that uses checkboxes in order to place an order for computer service. This application is supposed to have an invoice popup as well to confirm the order. This image will take you to the application that was deployed using Angular TypeScript.
Angular Bobs-Computer-Repair Application

Nodebucket

In our final class Web 450 we created an application for task managagement called Nodebucket. This application is used to keep track of todo and done tasks. You can create a new task while the tasks can be dragged and dropped from one column to the next. This was created using Angular Typescript and deployed to Heroku. You can sign-in to the app using employee numbers 1007-1012. Feel free to try it out.

Angular Nodebucket Application

BCRS

In our final class Web 450, we had to recreate Bob's Computer Repair Shop within a group. Working in a group taught us how to communicate within a group while working remotely. We used GitHub for version control, Heroku to deploy the application which was created using Angular Typescript. There were lots of trials and tribulations throughout this project but the end result was well worth it. You can get to our project through the link below.
Angular Bob's Computer Repair Shop Application Group Project