The app has been bootstrapped with a template provided by the ui library Mantine which uses vite. All ui components are from this library. Data has been fetched from the Bikeindex Api
This template comes with the following features:
- TypeScript
- Vitest setup with React Testing Library
- ESLint setup with eslint-config-mantine
dev
– start development serverbuild
– build production version of the apppreview
– locally preview production build
typecheck
– checks TypeScript typeslint
– runs ESLintprettier:check
– checks files with Prettiervitest
– runs vitest testsvitest:watch
– starts vitest watchtest
– runsvitest
,prettier:check
,lint
andtypecheck
scripts
prettier:write
– formats all files with Prettier
- The empty state image comes from https://www.freepik.com/free-vector/no-data-concept-illustration_5928293.htm#query=empty%20state&position=1&from_view=keyword&track=ais&uuid=d137c789-0df6-450e-8836-f7d4ce71ccf5
- The error state image comes from https://www.freepik.com/free-vector/computer-troubleshooting-concept-illustration_20064239.htm#fromView=search&page=1&position=30&uuid=402ef165-e665-4728-9c42-409d7b84d578
- The header bike image comes from https://www.freepik.com/free-vector/blue-bicycle-race_137410665.htm#fromView=search&page=1&position=49&uuid=d2e5ab2e-d1e2-444a-b336-fa8dd4b5b14a
The app has been deployed using AWS Amplify. Check it out here ! :)