Folder SASS

Folder structure for SASS

scss
|---- index.scss
|---- base
|       |---- _animations.scss
|       |---- _base.scss
|       |---- _typography.scss
|       |---- _utilities.scss
|---- abstracts
|      |---- _functions.scss
|      |---- _mixins.scss
|      |---- _variables.scss
|---- components
|      |---- _card.scss
|      |---- _button.scss
|      |---- _form.scss
|---- layout
|      |---- _footer.scss
|      |---- _grid.scss
|      |---- _header.scss
|      |---- _navigation.scss
|---- pages
|      |---- _home.scss

React Folder Sttructure

.
└── /src
    ├── /api
    │   ├── services
    │   │     ├── Job.js
    │   │     ├── User.js
    │   ├── auth.js
    │   └── axios.js
    ├── /i18n
    ├── /assets
    ├── /components
    |   ├── /forms
    |   │   ├── /TextField
    |   │   │   ├── TextField.js
    |   │   │   ├── TextField.styles.js
    |   │   │   ├── TextField.test.js
    |   │   │   └── TextField.stories.js
    |   │   ├── /Select
    |   │   │   ├── Select.js
    |   │   │   ├── Select.styles.js
    |   │   │   ├── Select.test.js
    |   │   │   └── Select.stories.js
    |   │   └── index.js
    |   ├── /routing
    |   │   └── /PrivateRoute
    |   │       ├── /PrivateRoute.js
    |   │       └── /PrivateRoute.test.js
    |   └── /layout
    |       └── /navigation
    |           └── /NavBar
    |               ├── NavBar.js
    |               ├── NavBar.styles.js
    |               ├── NavBar.test.js
    |               └── NavBar.stories.js
    ├── /services
    |     ├── /LocalStorage
    |     │      ├── LocalStorage.service.js
    |     │      └── LocalStorage.test.js
    |     ├── /Authentication
    |     │      ├── Authentication.service.js
    |     │      └── Authentication.test.js
    |     └── index.js
    ├── /store
    │     ├── /authentication
    │     │      ├── /authentication.slice.js
    │     │      ├── /authentication.actions.js
    │     │      └── /authentication.test.js
    │     ├── /authors
    │     │      ├── /authors.slice.js
    │     │      ├── /authors.actions.js
    │     │      └── /authors.test.js
    │     └── /books
    │            ├── /books.slice.js
    │            ├── /books.actions.js
    │            └── /books.test.js
    ├── /utils
    |      ├── /constants
    |      │      └── countries.constants.js
    |      └── /helpers
    |             ├── validation.helpers.js
    |             ├── currency.helpers.js
    |             └── array.helpers.js
    ├── /views
    |     ├── /Authors
    |     |   │   ├── /AuthorsPage
    |     |   │   │   ├── AuthorsPage.js
    |     |   │   │   └── AuthorsPage.test.js
    |     |   │   └── /AuthorBlurb
    |     |   │       ├── /AuthorBlurb.js
    |     |   │       └── /AuthorBlurb.test.js
    |     |   ├── /Books
    |     |   │   ├── /BooksPage
    |     |   │   │   ├── BooksPage.js
    |     |   │   │   └── BooksPage.test.js
    |     |   │   └── /BookForm
    |     |   │       ├── /BookForm.js
    |     |   │       └── /BookForm.test.js
    |     |   └── /Login
    |     |       ├── LoginPage
    |     |       │   ├── LoginPage.styles.js
    |     |       │   ├── LoginPage.js
    |     |       │   └── LoginPage.test.js
    |     |       └── LoginForm
    |     |           ├── LoginForm.js
    |     |           └── LoginForm.test.js
    ├── index.js
    ├── rootReducer.js
    └── App.js