Skip to content

ymfpfp/react-native-pokedex

Repository files navigation

Building a Pokedex with React Native!

Build a Pokedex with React Native in this workshop and learn React Native along the way!

Getting Started

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
    • 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 Pokemon
  • milestone-2-search-functionality: The second milestone, where you add search functionality to the app
  • milestone-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.

About

Build a Pokedex with React Native!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors