Cas-ion

Brief Description

Cas-Ion is a mobile application designed to facilitate electric vehicle (EV) users in Indonesia by providing seamless access to charging stations. The app enables users to locate nearby charging stations, monitor charging status, and perform secure payments through integration with Midtrans.

Roles and Responsibilities

• Mobile Application Development: Utilizing React Native to ensure consistent functionality across both iOS and Android platforms.
• User Interface Design: Creating an intuitive and user-friendly interface to enhance user experience and facilitate easy navigation.
• Integration of Core Features:
  • Charging Station Locator: Implementing features to help users find nearby EV charging stations with specifications matching their vehicle requirements.
  • Navigation Assistance: Integrating mapping services to guide users to their selected charging stations.
  • Digital Payments: Enabling swift and secure transactions through Midtrans integration.
  • Charging Monitoring: Allowing users to schedule and monitor charging sessions in real-time.

Technologies and Tools Used

• Framework: React Native
• Programming Language: TypeScript (TSX)
• State Management: Context API
• Data Fetching: Axios, React Query
• Payment Integration: Midtrans API and WebView
• Navigation: Integration with mapping services

Challenges and Solutions

• Map Integration: Integrating map features in React Native posed challenges related to performance and compatibility.
  Solution: Utilized libraries like react-native-maps and conducted extensive testing to ensure optimal performance.
• Midtrans Integration for Credit Card Payments: Midtrans does not provide an official SDK for React Native, necessitating the use of WebView for credit card transactions.
  Solution: Employed react-native-webview to display Midtrans Snap payment pages, facilitating secure credit card transactions.
• Midtrans Integration for Other Payment Methods: For non-credit card payments, integration was managed through backend APIs.
  Solution: Developed a backend server to communicate with Midtrans APIs, handling transactions and connecting the mobile application to manage payments.
• Device Compatibility: Ensuring the application functioned seamlessly across various devices and screen sizes.
  Solution: Implemented responsive design principles and conducted thorough testing on multiple devices to maintain a consistent user experience.
• Performance Optimization: Maintaining high performance while handling real-time data related to location and charging information.
  Solution: Applied data optimization techniques and lazy loading to enhance application performance.
• Transaction Security: Protecting user data during digital payment processes.
  Solution: Integrated secure Midtrans APIs and adhered to industry standards to ensure safe payment handling.

Outcomes and Achievements

• Enhanced User Engagement: The application received positive feedback for its user-friendly design and comprehensive features.
• Diverse Payment Options: Midtrans integration provided users with multiple payment methods, enhancing convenience.