Building a Stocks Price Tracker with React Native - Step-by-Step Tutorial

Overview

Build a comprehensive Stocks Price Tracker App using React Native in this step-by-step tutorial. Learn to create an intuitive UI, integrate with a public Stocks API, implement price tracking features, build a favorites system, and add graphical representations of stock history. Explore the process of setting up an Expo project, rendering stock lists, creating detailed stock pages, and integrating react-native-graph for data visualization. Gain insights into API integration, including creating a TwelveData account, understanding the benefits of GraphQL layers, and setting up an IBM StepZen API. Master the techniques of fetching data from GraphQL APIs in React Native and querying stock information from the backend. As a bonus, learn to save stocks as favorites using a custom PostgreSQL database. Perfect for developers of all levels, this tutorial covers everything from project setup to final testing and optimization.

Syllabus

Intro and Overview
Initializing and Setting up Expo Project
Rendering a List of Stocks
Building the Details Page of a Stock
Integrating react-native-graph; Displaying data in chart
Creating a TwelveData account and getting the API key
Why use a GraphQL layer on top of a REST API
Setting up an IBM StepZen API and adding queries
Fetching the GraphQL API from React Native
Querying info about Stocks from the Backend
Saving Stocks as Favourites with a custom PostgreSQL database
Demo and Outro