I have used ReactJS framework to develop TeamDashboard SPA.
To create a react app follow the below commands
npx create-react-app team-dashboard
Now go the directory of the app
cd team-dashboard
Install the necessary dependencies you require. I've used bootstrap for my CSS.
npm install react-bootstrap bootstrap
Now, start building your application. Once, you're donw building the app, you can run it by using the below command
npm startTesting:
For testing on multiple devices. I tested it on my phone.
To test the app on your phone follow the below steps.
- Make sure the laptop and the mobile are connected to the same Wi-Fi network.
- Add the following command in your package.json file in the scripts section
- Now run the react app on your PC.
- Next, open a browser in the mobile phone and type the following.
"start": "react-scripts start --host 0.0.0.0"
npm start
http://IP address of your computer:port number
You can see the below image of the App on phone.