Dopebase Blog

The best React Native app ideas for beginners are small enough to finish, but complete enough to teach real mobile development. A good beginner project should include screens, navigation, lists, forms, data, error states, and a build you can install on a device.

This guide gives you practical project ideas and explains what each one teaches.

For front-end web and mobile developers, AWS Amplify is a suite of tools and services that can be used together or separately to enable them to create scalable full-stack apps on AWS. App backends and connections can be configured in minutes with Amplify, static web applications can be deployed quickly and simply managed outside of the AWS interface with a few clicks.

Flutter’s new Navigator and Router API is described in detail in this post. These new functionalities may have been referred to as the Router widget in Flutter’s open design documents. Using these APIs, you’ll be able to fine-tune control over your app’s displays, and you’ll learn how to parse routes. These new APIs don’t break anything; they merely add a new declarative API to the list of available options. If you wanted to relocate or delete a page from the bottom of a stack, Navigator 2.0 made it much easier. It’s OK if you’re content with how the Navigator works right now, so long as you don’t mind the changes. Using the Router, the underlying platform’s routes may be handled and the relevant pages are shown. The Router is set up to show the relevant page based on the browser URL in this article.

In this tutorial, you will learn how to implement React Native Charts in your mobile app projects. In order to add chart visuals to a mobile app, we are going to use the react-native-chart-kit library, which provides us with the ability to add stunning charts to our React native apps. With this charts library, you can create line charts, Bezier line charts, Pie charts, Bar charts, Progress charts, and Contribution graphs. The library provides a Charts API that is easy to use, responsive, easy to plug-in and highly customizable.

With the release of Swift 5 approaching and Firebase Firestore finally getting out of beta, let's take a look at how the Firebase Facebook Login is implemented in Swift. All of our Swift app templates have Facebook support since it's a widely demanded feature, so let's see how we implemented it.

Phone authentication lets users sign in with a phone number and a one-time SMS code. It is useful for marketplaces, dating apps, delivery apps, booking apps, and social apps where users expect a fast mobile-first onboarding flow.

Building a mobile app used to be a difficult job and only well-versed mobile developers had the ability to do it. But as the mobile development industry evolved over the last few years, the bar for creating an iOS app lowered, and so did the price. Both entrepreneurs and beginners in programming can easily create their own iOS apps now, with minimum coding skills, thanks to a ton of app templates that have emerged as the mobile industry took off. In this article, we are listing the best free iOS app templates, which you can freely use to create your own app in just a few minutes and with no financial investment. These app templates are also a great way to learn Swift or Objective-C or to just get your hands dirty with the iOS development process.

Whether you’re building a React Native Tinder Clone or an original dating app, you’ll eventually end up implementing the UI for React Native Swipe Cards. At Instamobile, we built a Tinder cards component in React Native, for our Tinder Clone app. If you’re looking to learn how to build an app like Tinder in React Native, this tutorial is the perfect place to get started from.

Any app worth it’s salt will almost certainly have at least one, if not more than one, image picker. The image picker feature is included in a variety of major applications, including Facebook, Twitter, Instagram, and WhatsApp, amongst others. This feature allows users to choose files from their own device to use as a profile picture or to share with their friends. Setting an avatar for the user profile is by far the most typical function for an image picker to perform in a mobile application. In this guide, we’ll walk you through the process of developing an image picker using Flutter. An example Flutter app will be developed in which the user may either choose a picture from the gallery or snap a photo using the device’s camera.

Are you interested in building a React Native app that uses GraphQL API endpoints? Then you should read this tutorial. You are going to learn how to leverage Apollo to build a client-side GraphQL application with React Native and Expo. Apollo has an entire ecosystem to build GraphQL applications. You can use it to develop client-side and server-side apps separately. Apollo has more features and support than its open-source competitors in GraphQL for JavaScript world.

In this article, we are going to build a simple functionality to showcase how you can upload photos to Firebase Storage in Flutter apps. We’ll be focusing on both the UI and the code functionality.

In the past couple of years, a wave of new modern UX design patterns has emerged within the mobile design ecosystem. Many of these patterns became incredibly popular, given their success on highly scalable apps. In this series of articles, we’ll emphasize a few of these UX patterns, and discuss the benefits of applying them to your app design processes. This initial post will focus on accelerators.