React Dashboard

This is an admin template built with React and TypeScript, using Material UI.

Built With

• React - A JavaScript library for building user interfaces
• TypeScript - A superset of JavaScript that adds optional static typing
• Material UI - A popular React UI library
• Vite - A development server that allows for instant development and hot-module replacement

Dependencies

• fortawesome/react-fontawesome fortawesome/react-fontawesome - React component for Font Awesome 5
• reduxjs/toolkit - A set of utilities for setting up and working with Redux
• @mui/material - Material UI components axios - Promise-based HTTP client
• formik - A form library for React
• moment - A JavaScript library for parsing, validating, manipulating, and formatting dates
• react-redux - Official React bindings for Redux

Scripts

• yarn dev: Runs the development server with hot-module replacement
• yarn build: Compiles the project with TypeScript and creates a production-ready build in the dist folder
• yarn preview: Runs the development server and opens the app in the brows

Dev Dependencies

• @types/react: TypeScript definitions for React
• @types/react-dom: TypeScript definitions for React-DOM
• sass: A preprocessor for CSS
• typescript: A superset of JavaScript that adds optional static typing

Getting Started

Environment:

node v16.17.0
yarn 1.22.19
npm 8.15.0

To run this project locally, clone the repository and install the dependencies:

git clone  <repo-link>
cd react-ts-redux-admin-template
yarn install

Then, start the development server:

yarn dev