FocusTube (React Native)
In this project you will learn the basics of React Native and Expo to build a mobile YouTube wrapper app that will help you focus and not stay distracted
Background Info
About the project
Welcome to the React Native FocusTube tutorial! Through this project, you will learn the fundamentals of building mobile apps, making your own API, calling APIs, and using Expo Router.
What you will learn in this Series:
- How to build a mobile app using React Native and Expo.
- How to use and create the fundamental parts of an API (endpoints, requests and responses) inside your Expo app.
- How to connect, fetch, parse, and display API data from YouTube.
- The fundamentals of Expo Router (File-Based Routing, Dynamic Routing, Layouts).
- How to style mobile apps using NativeWind (Tailwind for React Native).
What you will make:
By the end of this series, you will have a basic full-stack YouTube wrapper mobile app that allows you to use YouTube through your own design, such as removing YouTube’s distracting features.
Disclaimer
This series assumes a couple of things:
- You have decent knowledge of JavaScript
- You have basic knowledge of React
- You already have the necessary tools installed (Node.js, an IDE like VS Code)
Building for the web instead? The FocusTube series builds the same project with NextJS.