Skip to content

Latest commit

 

History

History
62 lines (32 loc) · 1001 Bytes

notes.md

File metadata and controls

62 lines (32 loc) · 1001 Bytes
Raw

TO-DO APP NOTES


SCSS with CSS modules in React app


  1. Install node-sass: npm install node-sass

  2. Change file extension .css to .scss

  3. Import/change the extension of your imported files from .css to .scss in React components that use it

  4. run the app


Resource



Implemented:


[x] Add scrumbled paper background

[x] Import 2 font types (header, list)

[x] turn all selected elements in CSS into selected classes

[x] List component

[x] Button component

[x] Card component (holds what is in the App.css)

[x] Make list responsive

[x] Fill Components with logic

[x] Add Error Modal

[x] Adjust Modal position

[x] Fix list rendering outside of the AddItem component (see Expense tracker project)

[x] Style ul

[x] check error modal CSS in queries

[x] add favicon

[x] implement SCSS

[x] Add button to make a new list (reloads the page)