Side Project: Schedule Focuser

Dashboard View Scheduler View
Schedule Focuser Frontend Structure Schedule Focuser Backend Structure

Project Stack


Frontend

  • React - Frontend Architecture
  • React Router - HTTP Navigation
  • Storybook - UI Component Testing
  • GraphQL + Urql - REST Client
  • Tailwind CSS - UI
  • Vite/Vitest - Testing Framework
  • TypeScript - Transpiler/Type Checking

Backend

  • NodeJS/Express - Backend Architecture
  • Prisma - Code-First Database Management
  • GraphQL-Yoga + Pothos - Code-First Schema Integration
  • Postgresql - Relational Database Management via CLI
  • Docker + Kubernetes - Containerization, Deployments
  • TypeScript - Transpiler/Type Checking

Repositories

Schedule Focuser Frontend
Schedule Focuser Backend

Project Overview

For this project, I wanted to create a weekly scheduler that tracks contributions towards various pursuits throughout the day. This is mostly out of curiosity and the potential to experiment with different ways of providing positive feedback using time-focused goals. As I thought further, I decided to integrate performance metrics to track consistent progress in various pursuits. Simply put, my goal is to build an application that leverages my existing skills while incorporating new technologies to learn. While tackling complex UI functionality inspired by modern scheduling applications.

This project is still a work in progress and will continue to develop over the coming months. As I make progress, I will include additional screenshots to display the functionality. The end goal is to have a fully deployed application that users can view and interact with.