Anetly

Challenges

In building this application, the first challenge was crafting slick and modern user interfaces that look and feel like native iOS applications. The second challenge involved integrating a live map that updates the locations of both the customer and the delivery professional.

Solutions

To address the initial challenge, I leveraged my design skills to craft a basic interface layout. Additionally, I conducted extensive research, drawing inspiration from various similar applications. For the second challenge, I used an npm package to build the live map and its associated functionalities.

Process

I firmly believe in the "learning by doing" principle, and this application is a testament to that belief. My journey started with a desire to learn React Native. I began by exploring the official documentation to grasp the fundamentals.

As a seasoned React developer, I quickly grasped the principles of React Native. However, this honeymoon phase didn't last long as I encountered the unique challenges of mobile development. To overcome these obstacles, I turned to Stack Overflow and harnessed the power of artificial intelligence to find solutions. With persistence and consistency, I ultimately achieved the results you see in the app today.

Once the application was ready, I saw an opportunity to learn and integrate a new headless CMS. My choice was Sanity. So, I started working on the CMS development and customized it to meet the app's specific requirements.

Next, I integrated the app with the CMS, tested the integration, and hosted the entire codebase on GitHub. Looking ahead, I have plans for the app and intend to replace the current CMS with a custom Node.js server, further expanding the functionalities of the app.

Feature highlights

• Cross-platform optimized
• Custom content management system
• Implementation of the latest security standards

Key functionalities

• Online ordering functionalities
• Real-time map integration
• Authentication and authorization