OpenAI ChatGPT Mobile App Clone With React Native & Gemini API
OpenAI Mobile App Clone With React Native, TypeScript & Redux Toolkit
In this tutorial I showed how to clone the OpenAi mobile app with
React Native/TypeScript,
Redux Toolkit,
React Navigation,
React Native Image Picker
React Native Vision Camera
React Native Document Picker and
React Native Markdown
In this tutorial you will learn
How to open and use the device camera
How to get images from the device using native image picker
How to get files from the device using native file picker
How to integrate React Native Markdown in your app
How to implment dark and light mode, and also use automatic system colour mode
and many more
Please subscribe to my YouTube channel, it motivates me to do more tutorials like this
Fork the GitHub repository and follow me on GitHub
Links
Link to the lesson files on my GitHub repository
https://github.com/paulosabayomi/Open...
OR clone it on the CLI with git
git clone https://github.com/paulosabayomi/Open...
React Native documentattion
https://reactnative.dev/docs/getting-...
Google Gemini
Documentation
https://ai.google.dev/gemini-api/docs
Get API key here
https://ai.google.dev/gemini-api/docs...
Doc on how to request the API with curl or browser's fetch API
https://ai.google.dev/gemini-api/docs...
Prompting with image files
https://ai.google.dev/gemini-api/docs...
Configuration for React Native SVG
https://github.com/software-mansion/r...
React Native Paper
Getting started
https://callstack.github.io/react-nat...
The menu component
https://callstack.github.io/react-nat...
React Native Markdown display
https://www.npmjs.com/package/react-n...
list of editable styles
https://github.com/iamacup/react-nati...
React Navigation
Getting started
https://reactnavigation.org/docs/gett...
Stack Navigator
https://reactnavigation.org/docs/stac...
Drawer
https://reactnavigation.org/docs/draw...
React Native Vision Camera
https://github.com/mrousavy/react-nat...
React Native Document Picker
Installation
https://react-native-documents.github...
File Selection
https://react-native-documents.github...
React Native Image Picker
https://www.npmjs.com/package/react-n...
React Native Storage
https://github.com/sunnylqm/react-nat...
Axios
https://www.npmjs.com/package/axios
Redux Toolkit
Getting started
https://redux-toolkit.js.org/introduc...
TypeScript setup
https://redux-toolkit.js.org/tutorial...
#reactnative #openai #chatgpt #typescript #reduxtoolkit
