TodaysMath Technology Stack

This page outlines the technology stack, infrastructure, tooling and techniques used in implementing this website.

Frontend Technologies

  • Next.js - The React framework
  • React - For building UIs through components
  • TypeScript - This is the way...
  • Material UI - React component library that implements Google's Material Design
  • React Icons - Quickly implement vector icons
  • Google Firebase - Firebase API for React

Infrastructure Technologies

  • Vercel - Provides CDN networking, atomic deployments, & DNS management
  • Google Analytics - Measure advertising ROI as well as track page events and SEO.
  • Github - Provides code hosting and version control

Tooling

  • ESLint - Identifying and reporting on patterns in JavaScript
  • Vercel CLI - The command-line interface for Vercel
  • Visual Studio Code - A code editor for web development
  • Prettier - An opinionated code formatter enforcing consistencies

Methodologies

  • PWA - Progressive Web App (PWA) for offline support
  • Responsive Design - Site adapts smoothly across all device sizes
  • Git Workflow - Following proven practices like branching, PRs, semantic versioning