lines with branchesshapes connected with lineslines with branchesshapes connected with lines
React native projects - DevProjects

Learn programming
with curated React native projects

Bridge the gap between theory and real-world code by working on curated React native projects. Use DevProjects as practice or enhance your portfolio with these fun React native project ideas. From beginner React native projects to more advanced ones, find your next coding project now.

React native project ideas

easy

Countdown mobile app

You will practice collecting user input, sending scheduled push notifications, sharing data between screens, and working with a database.

SwiftJavaReact Native
4192 developers
View project
easy

Break time reminder mobile app

You’ll create a simple, useful app to remind users to take breaks by customizing the time and length of their breaks. Get regular break reminders through push notifications. Depending on your experience, this project may take 8 to 16 hours.

KotlinSwiftJavaReact Native
934 developers
View project
easy

Mood logging mobile app

You’ll create a mobile app to log the user’s mood, what they’re doing, and who they’re with at regular intervals throughout the day. The app will help users learn more about their typical and fluctuating moods. Depending on your experience, this project may take 12 to 20 hours.

KotlinSwiftJavaReact Native
613 developers
View project
easy

To-do list mobile app

You will create a to-do list application by using your preferred mobile application development framework. People are finding it harder and harder to remember and manage daily tasks in this fast-paced world. By creating a to-do list app, users can create and manage their daily tasks more easily.

SwiftJavaReact Native
1520 developers
View project
medium

Mortgage calculator mobile app

Taking out loans and calculating monthly EMI can be confusing and stressful. However, with the help of a mortgage calculator, anyone can easily plan their mortgages out. You will build a mortgage calculator in this project!

FlutterKotlinSwiftJavaReact Native
253 developers
View project
medium

Joke telling bot mobile app

Whether it's smartphones, cars, or speakers, voice assistants are becoming more and more integral to our everyday lives. Not only so, voice assistants are gaining traction in companies to help streamline operations like Customer Service. In this project, you'll build a full-fledged Joke Telling Robot Mobile App using Text to Speech APIs, which can be applied to both web apps and mobile apps.

FlutterKotlinSwiftJavaReact Native
232 developers
View project
medium

Random color palette generator mobile app

In today's world, design is everything. Choosing the right color palette for your mobile app will help evoke different emotions you'd like your audience to experience. You'll build a full-fledged random color palette generator mobile app using Colormind API, which can be used for both web apps and mobile apps.

FlutterKotlinJavaScriptSwiftReact Native
136 developers
View project
medium

Daily sleep tracker mobile app

Irregular sleeping patterns are a common problem. This mobile app will fulfill the user's needs in tracking their sleeping patterns, including duration and timings. This app will track three parameters: sleep time, wake up time, and sleep duration. Users can add, edit, or remove any sleep entries.

KotlinSwiftJavaReact Native
334 developers
View project
medium

Polling mobile app

You will create a mobile application using your preferred technology. Users can authenticate, upload photos from their phone, view other peoples' photos, and vote on each photo. The estimated time for this project is around 25 hours.

FlutterSwiftJavaReact Native
170 developers
View project
medium

Weight tracking mobile app

You'll be creating a mobile app for users to track and monitor their weight. By building an offline supported weight tracking app, you will learn how to build an offline supported mobile app with React Native, how to structure data for a real-life entity, and how to perform CRUD operations for your data.

ExpoReact Native
132 developers
View project
medium

Wallpaper mobile app

You'll build a wallpaper app for mobile devices that consumes the Unsplash API! Depending on your experience, this project might take between 15 to 20 hours.

DartFlutterSwiftReact Native
212 developers
View project
medium

News mobile app

You'll build a mobile app to consume the News API and display a list of news articles. Clicking one of the news articles will open the news article within the app.

DartFlutterSwiftReact Native
257 developers
View project
hard

Restaurants social mobile app

You'll build a mobile app to consume the Google Maps API and use Firebase, and build a social restaurants app for mobile devices.

DartFlutterSwiftReact Native
677 developers
View project
hard

Events mobile app

You'll build a mobile app to consume the Eventbrite API that lets users discover & sign up for events! Depending on your experience, this project might take between 30 to 40 hours.

DartFlutterSwiftReact Native
253 developers
View project

Looking for more React native projects?

Subscribe to get notified when new React native projects are published.

Subscribe

Published: Dec 2, 2020 | Updated: Oct 13, 2021

Browse more projects

More coming soon...

How can DevProjects help me practice React native?

Find coding projects for any skill level

Real-world React native projects

Bridge the gap between learning and applying new skills through projects designed by senior developers.

Ask questions and discuss with peers and mentors

Community discussion

Learn and grow together by asking questions and discussing projects, reviewing code, and giving feedback.

Share your code for review and feedback

Feedback on your React native code

Share your project code to get feedback on code structure, technical decisions, tradeoffs you've made, and more.

Codementor logo

Get one-on-one React native help

Codementor is a community of 12,000+ developers who help each other grow through one-on-one mentorship.

What is React native and why should I learn it?

React Native is a JavaScript-based mobile app framework that allows developers to build apps that run natively on both Android and iOS. Some popular apps built with React Native include Instagram, Pinterest, and even Tesla. Some other React Native apps examples include Artsy, Coinbase Pro, and Discord, which is both a web and a mobile app. So what is React Native and how does React Native work? React Native is a solution that Facebook released in 2015. So how React Native works is that it allows front-end developers to work with mobile apps instead of just web apps. Ul components can be compiled into native platform-specific components. As long as the apps developed aren’t game apps or apps with heavy animations, React Native is ideal as it allows you to work with the same source code. Another advantage of React Native is that it reflects code changes almost immediately during development without having to recompile the codebase. React Native is a powerful framework, especially if you’re already familiar with JavaScript. It’s cost-efficient, so companies with both web and mobile apps are always hiring front end developers who know React Native. Also, React Native is an open-source platform that has more than 50,000 active contributors. By learning React Native, not only will you have more career opportunities, you’ll also have an engaging community to grow with!


Why should I practice React native by building projects?

Project-based learning is a method of learning where you learn a skill through working on a project. This type of learning allows you to learn not only the theory, but also how to apply those skills. By building a React native project, you'll practice the high-level logic of your code and project, and see how each individual line can impact your application. You will also gain problem-solving skills and how to fix it. With so many React native projects available, finding an idea that interests you will make the learning process more fun and sustainable. When you finish building a project, you will have learned and practiced React native techniques, gained problem solving skills, learned how to ask questions, and have a finished project to show off.


How do I know which React native projects are best for learning React native?

The best way to learn React native is to practice React native by building as many projects as possible. There are three factors you should consider when picking the right React native project: your skill level, goals, and interest. You want to have a good idea of your skill level and choose React native practice projects that are not too easy or too hard for you. If you work on React native projects that are too easy, you won’t progress in your coding abilities. However, if you choose projects that are too difficult, you may get stuck, never finish the project, and feel discouraged. Therefore, you want to choose React native projects that are just a little bit above your current skill level. Now, you also want to build React native projects that not only allows you to practice React native, but also lets you show off your skills on your portfolio. So think about the types of React native projects you want to put on your portfolio and jobs you’re interested in as a developer. Think about what your long-term goals are and pick React native projects that align with them. Lastly, you definitely want to choose React native projects that you’re actually interested in and feel connected to. Learning by building React native projects you’re interested in will help you stay motivated. You’ll also be more likely to want to go above and beyond to make your React native project stand out in the crowd.


Can React native beginners learn by building React native projects?

React native projects are a great way for beginners to learn. Two major obstacles beginners face when learning React native are not knowing why you’re learning React native and losing motivation. By learning React native through building projects, you will be able to overcome both hurdles. When you’re learning React native, you may not know how to apply React native theories in the real world. But when working on beginner React native projects, you immediately learn how each line of code impacts your project. By giving theory context, you’ll understand how to apply theories and find more resources to complete your React native project. These React native projects for beginners can also help you build up your portfolio early on. Each React native project you finish can be incorporated into your portfolio to demonstrate your new skills. Another issue that often comes up for beginners is losing motivation. However, when it comes to projects, you can pick a beginner React native project that you’re interested in. Not only will you be more motivated when you work on something interesting, you’ll also want to continue to improve the project. As your React native project comes together, the sense of accomplishment will give you the momentum to keep going, even when things get hard. Additionally, you’ll learn how to approach problems from multiple angles and teach yourself how to search for answers. The ability to problem-solve is arguably one of the most important skills a developer should have.