History

- This will make sure Material UI's Container will not expand to fill
  the entire screen and instead just stop expanding at around 960px
  (which is `md`).

2023-07-21 18:23:34 -04:00

public

Initial commit

2022-11-18 16:08:50 -05:00

src

Fix(Frontend): Set maxWidth to md

2023-07-21 18:23:34 -04:00

.gitignore

Initial commit

2022-11-18 16:08:50 -05:00

package-lock.json

Feat(Frontend): added ThemeProvider

2023-07-21 18:11:24 -04:00

package.json

Feat(Frontend): added ThemeProvider

2023-07-21 18:11:24 -04:00

README.md

Feat(Frontend): added ThemeProvider

2023-07-21 18:11:24 -04:00

tsconfig.json

Feat(Frontend): added ThemeProvider

2023-07-21 18:11:24 -04:00

README.md

Neo Todo App Frontend

Dev Log

Styling the frontend

Used the MUI React component library using Material Design by Google.
Font used is Roboto. Font is imported to src/App.tsx.

Use ThemeProvider

To override the default MUI looks, we create a ThemeProvider at src/ThemeProvider.tsx.

React Hook useMemo

useMemo is a React Hook that lets you cache the result of a calculation between re-renders. Made for running expensive synchronous operations less often.

MUI (Material UI)

Palette Mode

Change default component colors to suit one's needs.

CSSBaseline

Reset the CSS injected into <head>. A collection of HTML element and attribute style-normalizations, you can expect all of the elements to look the same across all browsers.

useMediaQuery

This React hook listens for matches to a CSS media query. It allows the rendering of components based on whether the query matches or not.