Used libraries/tools
- React
- React Router
- Tailwind
This project was bootstrapped with Create React App and ejected.
The project uses mock API data for imitating backend and it located in src/mockAPI folder.
To lunch the applicaton first need to install dependencies.
npm install
npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
Open http://127.0.0.1:8888/ to view report of Webpack bundle size.
npm build
Builds the app for production to the build folder.
For frotend the primary tool is the browser developer tools to measure performance/debugging/...etc.
There is a possibility to record/replay in the Performance tab to analyze application performance like CPU/Memory usage, replay frames of animation ...etc.
Another tab is Lighthouse which has different metrics to measure .
For React application used Profiler of browser extension React Developer Tools and built-in Profiler.