Creating the React project for the frontend
Before we start coding the frontend, we have to create a new React app:
- Open PowerShell, or any other suitable terminal. Create a new React app by typing the following command:
npx create-react-app carfront
- Move to the
project
folder and install the Material-UI component library by typing the following commands:cd carfront npm install @mui/material @emotion/react @emotion/styled
- Run the app by typing the following command in the project's
root
folder:npm start
Alternatively, if you are using yarn
, type in the following:
yarn start
- Open the
src
folder with Visual Studio Code, remove any superfluous code, and use the MUIAppBar
component in theApp.js
file to get the toolbar for your app. Following the modifications, yourApp.js
file source code should appear as follows:import './App.css'; import AppBar from '@mui/material/AppBar'; import Toolbar from '@mui/material/Toolbar&apos...