Admin dashboard starter using Reactjs
Tech Stacks
-
React
-
Typescript
-
Redux Toolkit: state management
-
Redux Saga: redux middleware
-
Redux persist: persist state
-
tailwind CSS: A utility-first CSS framework
-
styled component: manage CSS
-
i18next: localization
-
axios: HTTP client
-
react-router-dom: manage app route
-
react-form-hook: manage form state
-
yup: validate form library
Mock Back-end
We use axios-mock-adapter
for demo purpose, it intercepts axios
requests and redirects to mocked handlers.
For more info on the library: https://github.com/ctimmerm/axios-mock-adapter.
How switching to the Real REST API
Remove mock initialization in the src/index.js
file:
/**
* Website public url.
*
* @see https://facebook.github.io/create-react-app/docs/using-the-public-folder
*/
const { PUBLIC_URL } = process.env;
-/**
- * Mock API, use return `mock` variable to add new mocks.
- *
- * @see https://github.com/ctimmerm/axios-mock-adapter
- */
-/* const mock = */_redux.mockAxios(axios);
/**
* Inject metronic interceptors for axios.
Setup your real API URL
in the .env
file and restart your application.