Progressive Web Application (PWA) build with React and Typescript to manage and display bets between two people. Store data in browser memory or connect to your own Firebase store.
Stable version of application is hosted on GitHub Pages. To check how it looks like just open the running environment.
- Clone repository
git clone https://github.com/radek2s/BetKeeper.git - Install dependencies for frontend application
npm i - Run application (from root directory)
npm run start - Open browser on address http://localhost:5173/
To connect with firebase to store your bet data just create a new Firebase Application and provide all required configuration data directly on "Settings" page.
Application was designed in Adobe XD. Then based on prepared mocup this application has been created.
npm install: install project dependenciesnpm prepare: install husky 🐶 - pre-commit hooksnpm start: Starts the applicationnpm test: Run Unit Testsnpm run build: Builds the application for production
To check the PWA application you must deploy that application on any HTTP server. For localhost you don't need to wory about SSL certificates. But for any other external server the SSL certificate must be valid and trusted and otherwise the application service worker will not start and the application will not work as PWA.
Images from unDraw
Icons from fluentIcons