app-jokes

This App generates random Jokes when one button on drawer is clicked ( by calling on Joke API). This App is built using Expo and React-Navigation. It's a basic App with two bottom tabs, drawer with buttom, stack navigation.

Project Set Up

You can find all the documentation of Expo Docs.

  • Install expo - npm install --global expo-cli
  • expo init “project-name” (choose the Blank Template/ minimum by using arrow key you can choose)

Screen Shot 2022-01-24 at 6 10 10 PM

Install all dependencies

  • npm install @react-navigation/native
  • expo install react-native-screens react-native-safe-area-context
  • npm install @react-navigation/native-stack
  • npm install @react-navigation/bottom-tabs
  • npm install @react-navigation/drawer
  • expo install react-native-gesture-handler react-native-reanimated

Now open the Project folder in your favorite code editor. Now verify the installation of all the dependencies. Check the file package.json and verify it.

Start the server

expo start on your terminal you will see this

Screen Shot 2022-01-24 at 6 35 32 PM

If you press i app will open on ios simulator.

Hnet-image