Tapp is a customer care application for a Malaysian operator Digi. The app utilizes the Clean Swift architecture. I was the only developer on this project, and I’ve built the app completely from scratch. This app has interesting features, such as OCR which can scan a specific Tapp voucher used to top up user’s balance, and it can also scan a Malaysian ID card to get the user’s details needed for registration.
🚀 Deploy your own
📋 Features
- ✅ 100/100 Lighthouse performance
- ✅ Responsive
- ✅ Accessible
- ✅ SEO-friendly
- ✅ Typesafe
- ✅ Minimal style
- ✅ Light/Dark Theme
- ✅ Animated UI
- ✅ Tailwind styling
- ✅ Auto generated sitemap
- ✅ Auto generated RSS Feed
- ✅ Markdown support
- ✅ MDX Support (components in your markdown)
💯 Lighthouse score
🕊️ Lightweight
No frameworks or added bulk
⚡︎ Fast
Rendered in ~40ms on localhost
📄 Configuration
The blog posts on the demo serve as the documentation and configuration.
💻 Commands
All commands are run from the root of the project, from a terminal:
Replace npm with your package manager of choice. npm, pnpm, yarn, bun, etc
| Command | Action |
|---|---|
npm install | Installs dependencies |
npm run dev | Starts local dev server at localhost:4321 |
npm run dev:network | Starts local dev server on local network |
npm run sync | Generates TypeScript types for all Astro modules. |
npm run build | Build your production site to ./dist/ |
npm run preview | Preview your build locally, before deploying |
npm run preview:network | Preview build on local network |
npm run astro ... | Run CLI commands like astro add, astro check |
npm run astro -- --help | Get help using the Astro CLI |
npm run lint | Run ESLint |
npm run lint:fix | Auto-fix ESLint issues |
🏛️ License
MIT