Build a Pokedex with React Native in this workshop and learn React Native along the way!
Project code is included inside the master branch, while the workshop is included in the workshop branch. To get started, make sure you have the following:
- JavaScript and React
- Basic knowledge of Git and GitHub
- Basic knowledge of APIs - we will be using PokeAPI
- A computer (duh) with a code editor and a phone or emulator to test your creation
- macOS: Xcode
- Windows and Linux: Android Studio
- The requirements for running an Expo app:
expo-cli, which will let us create Expo projects in the command line- Make sure you meet Expo's requirements for installation
- The Expo App, which you can find in the App Store or the Play Store
git clone this repository and then run npm i && npm start to spin up an Expo demo in the master branch, which you can then view on your phone with the Expo app or on an emulator.
If you're following along, you might like to work in terms of milestones. In that case, git checkout any of the following branches to follow along:
milestone-1-preview-cards: The first milestone, where you create preview cards for the Pokemonmilestone-2-search-functionality: The second milestone, where you add search functionality to the appmilestone-3-navigation: The third milestone, where you add navigation to the app to create a bigger info page.master: The final milestone and the final project! Here, you'll set up local storage to create a Favorites screen where you can add your favorite Pokemon.