MATT CARLOTTA

fullstack web developer

sjs ice team

Details:

In Orbit
sjs ice team
Demo

Description:

An application to consolidate google forms, excel, and manual user-generated monthly PDFs into a single, unified, semi-automated month-to-month scheduling service for 25+ members of the San Jose Sharks Ice Team. The application is separated into 4 services: front-facing application, an automated microservicean image microservice, and a database optimization microservice. The main application utilizes NextJS for SEO, while the microservices utilize NodeJS with ExpressJS. All services utilize Github Actions for pre-flight unit and e2e tests; as well as, continuous integrations with a remote linux server running PM2 processes. The application is designed for and supports: chrome, firefox, ie11, and safari (for mobile, pad, and desktop screens).

Tech Specs:

  • github actions
  • mongodb
  • typescript
  • reactjs (w / reduxjs)
  • nextjs
  • expressjs
  • nodejs
  • nginx
  • pm2

Snapshots:

dashboard

A dashboard that is laid out with a navbar bar that extends across the top of the page and sidebar along the right with clickable links that extends to the bottom of the page, a sidebar with clickable links that extends all the way down the left of the page. These bars frame 4 panels to the right: An Events panel, a Forms panel, an Availability panel and an Event Distribution chart panel.

email event

A preview of an email that contains an event reminder which contains the event's location, date and the member's calltime.

email schedule

A preview of an email that contains a list of events that a member is scheduled to work. The list contains the event's location, date and the member's calltime.

event calendar

A schedule page that is laid out with a navbar bar that extends across the top of the page and sidebar along the right with clickable links that extends to the bottom of the page, a sidebar with clickable links that extends all the way down the left of the page. These bars frame 1 panel to the right which is a calendar of the current month and all the events contained within each day.

event

A modal that overlays the schedule page, which displays the details of a single event.

help

A help page that is laid out with a navbar bar that extends across the top of the page and sidebar along the right with clickable links that extends to the bottom of the page, a sidebar with clickable links that extends all the way down the left of the page. These bars frame 1 panel to the right which contain frequently asked questions.

home

A home page that contains a grey background with a hockey puck in the center of the page and beneath the puck is a button that contains the text: Employee Login.

my availability

A settings page displaying an Availability tab that is laid out with a navbar bar that extends across the top of the page and sidebar along the right with clickable links that extends to the bottom of the page, a sidebar with clickable links that extends all the way down the left of the page. These bars frame 1 panel to the right which contains the member's availability for a selected month.

my response

A settings page displaying a My Responses tab that is laid out with a navbar bar that extends across the top of the page and sidebar along the right with clickable links that extends to the bottom of the page, a sidebar with clickable links that extends all the way down the left of the page. These bars frame 1 panel to the right which contains a modal overlaying a calendar. The overlay contains details of an event and the member's response for the specific event.

settings

A settings page displaying a Profile tab that is laid out with a navbar bar that extends across the top of the page and sidebar along the right with clickable links that extends to the bottom of the page, a sidebar with clickable links that extends all the way down the left of the page. These bars frame 1 panel to the right which contains the member's avatar and their miscelleanous account settings, such as the date they registered, their role and whether or not they wish to receive email reminders for events and forms.
go back to projects

©2021 matt carlotta