Community

About

This application is a digital platform designed for managing eSIM services in Myanmar. It allows users to browse, purchase, and manage eSIMs from various telecom providers, as well as check device compatibility and track data usage. The app is built using TypeScript and React, leveraging Next.js for server-side rendering and routing, and Tailwind CSS for styling. Key features of the app include: 1. **eSIM Catalog**: Users can explore a catalog of available eSIMs, filter by provider, and sort by various criteria such as price and data allowance. Each eSIM entry provides detailed information, including pricing, validity, and data limits. 2. **Order Management**: Users can view their order history, including details about each order's status, provider, and associated phone numbers. The app allows for easy navigation to view order details and download eSIM profiles. 3. **Device Compatibility Checker**: Users can check if their devices are compatible with eSIM technology by entering their device model. The app provides instant feedback on compatibility. 4. **Payment Processing**: The app supports MMQR payment methods, allowing users to complete transactions securely. Users can generate a QR code for payment, which can be scanned using any compatible banking app. 5. **User Profile Management**: Users can manage their profiles, including personal information and data usage tracking. The app provides insights into data consumption and remaining allowances. 6. **Admin Portal**: An admin section allows authorized users to manage products and orders, approve or reject orders, and update product details. Admins can also view statistics related to orders and products. 7. **Responsive Design**: The app is designed to be fully responsive, providing a seamless experience across devices, including smartphones and tablets. 8. **Real-time Updates**: The app features real-time data updates for orders and notifications, ensuring users have the latest information. 9. **Language Support**: The application supports both English and Myanmar languages, allowing users to switch languages easily. Technologies involved in the development of this application include: - TypeScript and React for building the user interface. - Next.js for server-side rendering and routing. - Tailwind CSS for styling and responsive design. - Local storage for persisting user data and application state. - QRCode library for generating payment QR codes. - Framer Motion for animations and transitions. To use the app, users can navigate through the catalog to find eSIMs, check their device compatibility, and manage their orders. Admin users can log in to access the admin portal for managing products and orders. The app is designed to be intuitive, with clear instructions and feedback provided throughout the user experience.