Skip to content

30 min workshop to build a basic Pokedex to show the power of React-Native

Notifications You must be signed in to change notification settings

Tketa/react-native-workshop-pokedex

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React-Native Workshop Pokedex

30 min workshop to build a basic Pokedex to show the power of React-Native

Many thanks to https://github.com/satya164/PocketGear for the UX/UI and some of the code in this workshop.

Steps

Clone this repository on your local machine

git clone https://github.com/Tketa/react-native-workshop-pokedex.git

Install the dependencies

cd react-native-workshop-pokedex
npm install

And open the project in Expo XDE.

You should see the base Expo app (just a blank screen saying "Open up App.js to start working on your app!"). We will build from there.

Before we start, fetch all the branches of the project:

git fetch --all

Display an ugly list of Pokemons

git checkout 1-list-pokemons

Display a nice list of Pokemons

git checkout 2-list-pokemon-cards

Display a grid view of Pokemons

git checkout 3-grid-display

Allow for filtering Pokemons based on their names

git checkout 4-add-search

Replace Pokemon Sprite by an Image on the phone

git checkout 5-change-image

About

30 min workshop to build a basic Pokedex to show the power of React-Native

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published