Build a React Native Sports App Using TheSportsDB API

4.3 ★★★★ ★

Build a React Native Sports App Using TheSportsDB API

Name: Let&#039;s build a sports app in React Native Expo and TailwindCSS using TheSportsDB API
Rating: 4.3 (271 reviews)
Author: Thomas Sankara

Using React Native, TailwindCSS for the Native Platform, and TheSportsDB API to fetch our data

updated on icon Updated on Jul, 2024

language icon Language - English

person icon Thomas Sankara

category icon Mobile Development,Mobile Apps,React Native,React JS,Tailwind CSS

Lectures -5

Duration -1 hours

4.3 ★★★★ ★

Add to Cart Buy Now

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

We are going to build a sports app that shows different football leagues, and their corresponding teams, and a further page that will show details about every single team. This app will use React Native Expo for the foundation, React Navigation for the routing between pages, and Nativewind (Tailwind CSS for the Native Platform) as our main styling method.

At the end of the course, you should be able to build your own mobile app using React Native Expo.

Goals

Learn React Native Expo to build mobile apps for the mobile platform: Android and iOS.
Install and implement React Navigation to your application
Learn how to fetch data in React Native
Learn React Native components
Build beautiful User Interfaces in React Native and TailwindCSS

Prerequisites

Prior coding experience working with ReactJs for the web will be beneficial
NodeJs installed on your system
Expo Go installed on your mobile device if you would like to run the app on your physical device
Android Studio installed on your machine if you are going to run the app in an emulator
Basic knowledge of how to work with Android Studio to run an emulator

Build a React Native Sports App Using TheSportsDB API

Curriculum

Check out the detailed breakdown of what’s inside the course

App Demo and Overview
1 Lectures

Part 1 - App Demo and Overview 01:56 01:56

Install dependencies and set up React Navigation
1 Lectures

Fetch Data for the main page
1 Lectures

Internal page to show all teams
1 Lectures

Single Team Details Page
1 Lectures

Instructor Details

Thomas Sankara

Front-end Web Developer, YouTuber

Thomas Sankara is a front-end web developer and popular YouTuber from Nairobi, Kenya.

Course Certificate

Use your certificate to make a career change or to advance in your current career.