text: import React from 'react'
  import ReactDOM from 'react-dom'
  import { applyMiddleware, createStore, compose } from 'redux'
  import { Provider } from 'react-redux'
  import './index.css'
  import App from './App'
  import reportWebVitals from './reportWebVitals'
  import 'bootstrap/dist/css/bootstrap.min.css'
  import rootReducer from './modules/RootReducer'
  import thunk from 'redux-thunk'
  
  /**
   * store to pass variables and actions around the application
   *
   * redux-Provider-Tag is used to wrap the central store
   *
   */
  const middlewares = [thunk]
  const initialState = {}
  const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose
  const store = createStore(
    rootReducer,
    initialState,
    composeEnhancers(applyMiddleware(...middlewares)),
  )
  
  ReactDOM.render(
    <Provider store={store}>
      <App />
    </Provider>,
    document.getElementById('root'),
  )
  
  // If you want to start measuring performance in your app, pass a function
  // to log results (for example: reportWebVitals(console.log))
  // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
  reportWebVitals()
  