PORTFOLIO


Here are some of my latest projects
Click on Details to flip card and read more about the projects


ENVOY

NEW!!

HTML / CSS / JS / NODE.JS / SEQEULIZE / MySQL / EXPRESS / DOTENV / EXPRESS-HANDLEBARS / FLICKITY / BCRYPT / TYPED.JS

NODE
MySQL
HANDLEBARS
NPM.JS

A Hub for memebers to post, rate, review and talk about environmentally friendly products!

The application follows the MVC paradigm in its architectural structure, using Handlebars.js as the templating language, Sequelize as the ORM, and the express-session npm package for authentication.

Click on Code to read more!

DETAILS

Curlshoppe

SHOPIFY

HTML
SCSS
JAVASCRIPT
LIQUID

A fully deployed E-commerce website

CurlShoppe is a small business based out of Toronto, Canada. It was fully developed using SHOPIFY and is highly successful!

Click on Demo to order some products now!

DETAILS

pizza-wars

HTML / CSS / JAVASCRIPT / NODE.JS / EXPRESS / MongoDB / MONGOOSE / BCRYPT / TYPED.JS

NODE
EXPRESS
JAVASCRIPT
MongoDB

An application that lets users connect with each other based on their love of pizza!

In Pizza Wars, users can share and discuss their dream pizza-topping combinations. Pizza is ubiquitous in everyday life all over the world, and no application has ever been created with the sole purpose of facilitating discussions about it. This application uses Express.js for routing, a MongoDB database, and the Mongoose ODM.

Click on Code to read more!

DETAILS

Weather App

HTML / CSS / JS / jQUERY

HTML
CSS
JAVASCRIPT
JQUERY

A weather dashboard application that will run in the browser and feature dynamically updated HTML,CSS and JS.

When a user searches for a city, the user is presented with current and future conditions for that city, and that city is added to the search history for convience.

DETAILS

TASKMASTER PRO

HTML / CSS / JS / jQUERY / MOMENT.JS / POPPER / GOOGLEFONTS

HTML
CSS
MOMENT.JS
JQUERY

Taskmaster Pro is a task-management application. The app comes with these nifty features:

  • Users can create tasks with descriptions and due dates.
  • Task data is persistent, thanks to localStorage.
  • The Delete All button can delete tasks.(Drag/Drop Feature)

This project also comes with the added weight of legacy code.

DETAILS

budget trackr

HTML / CSS / JAVASCRIPT / NODE.JS / EXPRESS / MongoDB / MONGOOSE / BCRYPT / TYPED.JS

NODE
EXPRESS
JAVASCRIPT
MongoDB

A budget tracker application that allows for offline access and functionality.

The user will be able to add expenses and deposits to their budget with or without a connection. If the user enters transactions offline, the total will be updated when they're brought back online. This application is installable as well! download by clicking on the download icon in the address bar

Click on Code to read more!

DETAILS

SaveTV

HTML / CSS / FOUNDATION / JS / jQUERY / MOMENT.JS / MOTION UI / FONTAWESOME / APIs

HTML
APIs
JAVASCRIPT
JQUERY

SaveTV provides a quick and easy way to search up your favorite shows, what time they are scheduled to play, find out other highly rated and related shows, and a one-click composed reminder schedule for upcoming show time.

Some feature of SaveTv include

  • Related suggestions from search entries.
  • Show information including rating, broadcast status and description.
  • Show time reminder organized in dates.
  • Favorites list.

DETAILS

TEAM PROFILER

JS / NODE / ES6 / NPM / JEST

JEST
ES6
MOMENT.JS
JQUERY

This application has no demo as it is a backend application. This is a command-line application that takes in information about employees on a software engineering team and generates an HTML webpage that displays summaries for each person.

When all team members have been added, the application generates a html file which displays all team member summaries on one page.

DETAILS

NOTE TAKER

HTML / CSS / BOOTSTRAP / JS / NODE.JS / EXPRESS/ UUID

HTML
UUID
JAVASCRIPT
JQUERY

An application that can be used to write and save notes. This application uses an Express.js back-end and will save and retrieve note data from a JSON file

Create a new task by clicking on the pen icon and typing out the title and description of task, then save the task by clicking the save icon. The task will be saved on the left hand column. You can also delete task by clicking the trash icon.

Click on Code to read more!

DETAILS

WOOF

MERN / CSS / GRAPHQL / APOLLO SERVER / REACT ROUTER / NODEMON / JSON-WEBTOKEN

NODE
REACT
JAVASCRIPT
JQUERY

Woof connects dog owners with dog walkers who’ll treat your dog like family. You can trust us to keep your pet happy, healthy, and sweet as ever!

There are three types of access:
*Owner access
*Walker access
*Administrator access

Click on Code to read more!

DETAILS

BOOK-SEARCH

JAVASCRIPT / CSS / REACT / NODE.JS / GRAPHQL / APOLLO SERVER / REACT ROUTER / NODEMON / JSON-WEBTOKEN

NODE
APOLLO
JAVASCRIPT
GRAPHQL

A fully functioning Google Books API search engine.

This application is built with a RESTful API, and refactored to be a GraphQL API built with Apollo Server. The app uses the MERN stack, with a React front end, MongoDB database, and Node.js / Express.js server and API.

Click on Code to read more!

DETAILS

SHOP-SHOP

MERN / CSS / GRAPHQL / APOLLO SERVER / REACT ROUTER / NODEMON / JSON-WEBTOKEN / STATE / CONCURRENTLY

NODE
REACT
JAVASCRIPT
JQUERY

An application that can be used to write and save notes. This application uses an Express.js back-end and will save and retrieve note data from a JSON file

Create a new task by clicking on the pen icon and typing out the title and description of task, then save the task by clicking the save icon. The task will be saved on the left hand column. You can also delete task by clicking the trash icon.

Click on Code to read more!

DETAILS

Not-Twitter

JAVASCRIPT / CSS / REACT / NODE.JS / GRAPHQL / APOLLO SERVER / REACT ROUTER / NODEMON / JSON-WEBTOKEN / FAKER

NODE
APOLLO
JAVASCRIPT
GRAPHQL

A FULL MERN stack!! (MongoDB, Express.js, React, and Node.js)

A social media application. Users will be able to sign up and create an account, post their thoughts, and interact with other users, just like you might find in the social media apps you use day in and day out in real life.

Click on Code to read more!

DETAILS

CONTACT

I'd love your feedback!