/crewbuilder

Primary LanguageTypeScript

CrewBuilder

WIP MVP at minnick.co/crewbuilder

TO DO List

  • Athletes List Display
    • Responsive Layout
    • AthleteCard
      • P/S indicator
        • Alt Designs
      • Name Display
      • Sex, Rowing Age display
      • Benchmark speed indicator
      • Novice Indicator
      • Lightweight indicator
    • Benchmarks Mock data
  • Athlete Filter Bar
    • Clear Filters
    • Search Bar
    • P/S toggle
    • Sex toggle
    • Age multi(?) select
    • Speed slider
    • Novice Toggle
  • Boat Display (Port MVP)
    • Lineup Display
    • Remove athlete
    • Add athlete
    • Boat Age Calculator
    • Boat Speed Calculator
  • Math hooks/utils
    • US Rowing Age Adjustment for 1k/2k
    • Brian Dawe benchmark converter

CRA documentation

How to use

Download the example :

curl https://codeload.github.com/mui/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/material-cra-ts
cd material-cra-ts

Install it and run:

npm install
npm start

or:

Edit on CodeSandbox

Edit on StackBlitz

The idea behind the example

This example demonstrates how you can use Material UI with Create React App in TypeScript. It includes @mui/material and its peer dependencies, including Emotion, the default style engine in Material UI v5. If you prefer, you can use styled-components instead.

What's next?

You now have a working example project. You can head back to the documentation, continuing browsing it from the templates section.