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
- Install the Material-UI component library by typing the following command in the project's root folder:
npm install @material-ui/core
- Run the app by typing the following command in the project's root folder:
npm start
Or, if you are using yarn, type in the following:
yarn start
-
Open the src folder with VS Code, remove any superfluous code, and use the Material-UI Appbar in the App.js file to get the toolbar for your app. Following the modifications, your App.js file source code should appear as follows:
import React from 'react';
import './App.css';
import AppBar from '@material-ui/core/AppBar...