Building a Full Stack Stock Tracker Application with React Native and GraphQL

TLDRLearn how to build a full stack stock tracker application using React Native, Expo, and GraphQL. In this tutorial, we will integrate charts and graphs, implement features like adding stocks to favorites, and connect to real-time stock market data using external APIs.

Key insights

📊Integrate charts and graphs to display the performance of stocks on a graph.

⭐Implement features like adding stocks to favorites for easy tracking.

🔗Connect to real-time stock market data using external APIs.

💡Learn how to build a backend using GraphQL and IBM Stend for handling stock data.

📱Build a full-stack mobile application using React Native and Expo.

Q&A

What technologies are used in this tutorial?

—This tutorial uses React Native, Expo, GraphQL, IBM Stend, and external APIs for real-time stock market data.

Can I use this project as a starting point for my own finance application?

—Yes, this project is a great starting point for building a finance application. You can customize and add more features based on your requirements.

Do I need prior experience with React Native or GraphQL?

—Some prior knowledge of React Native and GraphQL will be helpful, but this tutorial provides step-by-step instructions for beginners as well.

How can I test the application on my iOS or Android device?

—You can run the application on iOS simulators or Android emulators using Expo. Alternatively, you can download the Expo app on your physical device and scan the QR code to run the application directly on your device.

Is this tutorial suitable for beginners?

—Yes, this tutorial is beginner-friendly and covers all the necessary steps to build a full stack stock tracker application.

Timestamped Summary

00:02Introduction to building a full stack stock tracker application using React Native and GraphQL.

00:20Overview of the features to be implemented, such as integrating charts and graphs, and adding stocks to favorites.

01:40Explanation of the technologies used, including React Native, Expo, GraphQL, and IBM Stend.

05:00Demonstration of setting up the project and initializing Expo.

08:30Introduction to the project structure and the use of Expo router for navigation.

10:45Explanation of the components and constants folders for organizing the source code.

13:00Demonstration of moving the necessary files to the source directory.

14:30Recap of the project structure and the separation of source code and configuration/assets.

Browse more