Countdown mobile app
You will practice collecting user input, sending scheduled push notifications, sharing data between screens, and working with a database.
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.
You will practice collecting user input, sending scheduled push notifications, sharing data between screens, and working with a database.
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.
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.
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.
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!
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.
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.
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.
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.
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.
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.
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.
You'll build a mobile app to consume the Google Maps API and use Firebase, and build a social restaurants app for mobile devices.
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.
Subscribe to get notified when new React native projects are published.
Subscribe
More coming soon...
Bridge the gap between learning and applying new skills through projects designed by senior developers.
Learn and grow together by asking questions and discussing projects, reviewing code, and giving feedback.
Share your project code to get feedback on code structure, technical decisions, tradeoffs you've made, and more.
Codementor is a community of 12,000+ developers who help each other grow through one-on-one mentorship.
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!
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.
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.
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.