This project relies on several external libraries and frameworks to enhance development efficiency, improve UI/UX, and streamline state management.
To setup the project, use npx and NOT npm i
Run the following command in your terminal:
npx react-vite-redux-tailwind-app my-app
or to setup in root folder
npx react-vite-redux-tailwind-app .
To start the development server, you can use npm scripts. Run the following command in your terminal:
cd my-app
npm install
npm start
A list of dependencies used in the project, along with brief explanations for each.
-
React is a JavaScript library for building user interfaces, developed and maintained by Facebook. -
React DOM is the package responsible for rendering React components in the DOM. -
React Router DOM provides declarative routing for React applications, enabling navigation between different components. -
Redux Toolkit is the official toolset for efficient Redux development, offering simplified Redux setup and improved developer experience. -
React Redux is the official React bindings for Redux, allowing React components to interact with the Redux store. -
Axios is a promise-based HTTP client for making HTTP requests from the browser. -
Material UI is a popular React UI framework that provides pre-designed React components following the Material Design guidelines. -
Tailwind CSS Forms provides styles and utilities for styling forms in Tailwind CSS. -
React Toastify is a notification library for React applications, providing customizable toast notifications. -
Emotion is a popular CSS-in-JS library for styling React components. -
Material UI Icons provides a collection of high-quality icons for use with Material-UI components. -
React Icons provides a collection of popular icon libraries as React components for easy integration. -
Redux Logger is a middleware for Redux that logs actions and state changes, useful for debugging Redux applications. -
Redux Thunk is a Redux middleware that allows dispatching asynchronous actions, enabling more complex logic in Redux. -
Tailwind Scrollbar Hide is a utility for hiding scrollbars in Tailwind CSS, useful for customizing scrollbar appearance.