React + Vite project

developed by: "Mohamed Fayad"

MovieVerse App

A website to find the best movies all in one place

-------------------------------------------------------------------------------

How to install The software packages and libraries we will use

install the react main files

npm create Vite@latest app-name

install the react Router library

npm install react-router

install the MUI library

npm install @mui/material @emotion/react @emotion/styled

install the MUI Icon package

npm install @mui/icons-material

install the Toast library

npm install react-hot-toast

install the tailwind library

npm install tailwindcss @tailwindcss/vite

(optional) install the Data grid package

npm install @mui/x-data-grid

(optional) install the date pickers package

npm install @mui/x-date-pickers

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.