Update frontend readme

Author: fsabado00

frontend/README.md

@@ -2,6 +2,75 @@
 
 This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
 
+
+### Features
+
+- ⚡ [React.js](https://react.dev/)
+- ⚡ [Material-UI](https://mui.com/)
+- 🔥 Type checking [TypeScript](https://www.typescriptlang.org)
+- 💎 Integrate with [Tailwind CSS](https://tailwindcss.com)
+- ✅ Strict Mode for TypeScript and React 18
+- 📏 Linter with [ESLint](https://eslint.org) (default NextJS, NextJS Core Web Vitals, Tailwind CSS and Airbnb configuration)
+- 💖 Code Formatter with [Prettier](https://prettier.io)
+- 🦊 Husky for Git Hooks
+- 🚫 Lint-staged for running linters on Git staged files
+- 🗂 VSCode configuration: Debug, Settings, Tasks and extension for PostCSS, ESLint, Prettier, TypeScript, Jest
+
+### Requirements
+
+- Node.js 16+ and pnpm
+
+### Getting started
+
+Run the following command on your local environment:
+
+```shell
+git clone --depth=1 https://github.com/sonht113/react-boilerplate-for-starter.git
+cd my-project-name
+pnpm install
+```
+
+Then, you can run locally in development mode with live reload:
+
+```shell
+pnpm run dev
+```
+
+Open http://localhost:5173 with your favorite browser to see your project.
+
+```shell
+.
+├── README.md                       # README file
+├── .github                         # GitHub folder
+├── .husky                          # Husky configuration
+├── public                          # Public assets folder
+├── src
+│   ├── apis                        # Common apis folder
+│   ├── components                  # Component folder
+│   ├── configs                     # Config and constants
+│   └── api                         # api and services hooks
+│   ├── hooks                       # Hooks customs folder
+│   ├── layouts                     # Layout Pages
+│   └── pages                       # React JS Pages
+│   ├── providers                   # Provider folder
+│   └── routes                      # Routes folder
+│   ├── helpers                     # Shared types and utils functions
+│   ├── @types                      # typescript defintions
+├── tailwind.config.js              # Tailwind CSS configuration
+└── tsconfig.json                   # TypeScript configuration
+```
+
+### Customization
+
+- `src/index.css`: your CSS file using Tailwind CSS
+- `src/main.tsx`: default theme
+
+You have access to the whole code source if you need further customization. The provided code is only example for you to start your project. The sky is the limit 🚀.
+
+
+---
+
+
 Currently, two official plugins are available:
 
 - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh