daanishraj / stolen-bike-index

An app to learn more about stolen bikes in Munich

Stolen bike index

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

Features

This template comes with the following features:

• TypeScript
• Vitest setup with React Testing Library
• ESLint setup with eslint-config-mantine

npm scripts

Build and dev scripts

• dev – start development server
• build – build production version of the app
• preview – locally preview production build

Testing scripts

• typecheck – checks TypeScript types
• lint – runs ESLint
• prettier:check – checks files with Prettier
• vitest – runs vitest tests
• vitest:watch – starts vitest watch
• test – runs vitest, prettier:check, lint and typecheck scripts

Other scripts

• prettier:write – formats all files with Prettier

Attribution

• 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

Deployment

The app has been deployed using AWS Amplify. Check it out here ! :)