npm install
npm run dev
to start up the applicationclient/Theme/MainTheme.tsx
contains the current information for our theme, and another theme object for Dark Mode is found in DarkMode.tsx
It uses the experimental_extendTheme API which extends the default theme of MUI, which I found to avoid repetitive code like declaring the font family in both Dark Mode and Light Mode. We can easily update things like font family and breakpoints in the MainTheme object and they'll still apply to Dark Mode without having to also define them within the DarkMode object.
More details:
MUI Theme
extendTheme
Feature | Status |
---|---|
Alert player when they win | ✅ |
Do not reset board on page refresh | ✅ |
Separate Modal Component | ✅ |
Updated UI | ⏳ |
Responsive Design | ⏳ |
Leaderboard/ Database | ⏳ |
And more... | ⏳ |
Developed By | ||
---|---|---|
Lane Hamilton | ||
Tegan Barron | ||
Jimena Cuadros | ||
Alex Sharp | ||
K.D. Hubbard |